@aigamo/hydrangean-diva 0.0.1-alpha.27 → 0.0.1-alpha.29

package/dist/index.es.js

@@ -1,47 +1,47 @@
-import { makeObservable as zr, action as h, computed as g, observable as X, reaction as Lr } from "mobx";
-import * as te from "react";
-import Ut, { forwardRef as qr, useContext as xe, createContext as Ue, useState as $, useEffect as Yt, memo as re, useCallback as j, useMemo as Ye, useLayoutEffect as Qr } from "react";
+import { makeObservable as zr, action as m, computed as g, observable as Z, reaction as Lr } from "mobx";
+import * as re from "react";
+import Ut, { forwardRef as qr, useContext as Oe, createContext as Ue, useState as $, useEffect as Yt, memo as ne, useCallback as B, useMemo as Ye, useLayoutEffect as Qr } from "react";
 import Vr from "@emotion/cache";
 import Ur from "ajv";
-import { pull as _t } from "lodash-es";
-import { useNostalgicDiva as le, nullPlayerController as Yr, NostalgicDivaProvider as Wr, findVideoService as Hr, NostalgicDiva as Gr } from "@aigamo/nostalgic-diva";
-import { EuiSelectable as Jr, EuiPopoverTitle as Br, EuiPopoverFooter as Kr, EuiButton as J, EuiPopover as Oe, useGeneratedHtmlId as Xr, EuiModalHeaderTitle as Zr, EuiModalHeader as en, EuiForm as tn, EuiFormRow as ct, EuiFieldText as At, EuiModalBody as rn, EuiModalFooter as nn, EuiButtonEmpty as Wt, EuiModal as an, EuiCodeBlock as sn, EuiFlyout as on, useEuiTheme as Ht, EuiCheckbox as Gt, EuiTableHeaderCellCheckbox as ln, EuiTableHeaderCell as at, EuiTableHeader as cn, EuiIcon as U, EuiContextMenu as pt, EuiButtonIcon as Y, EuiTableRowCell as ut, EuiTableRowCellCheckbox as un, EuiLink as dn, EuiTableRow as fn, EuiTable as pn, EuiFlexGroup as oe, EuiFlexItem as G, EuiSpacer as Jt, EuiEmptyPrompt as hn, EuiPageTemplate as ht, EuiRange as Bt, EuiBottomBar as yn } from "@elastic/eui";
-import { AddRegular as Ce, WindowDevToolsRegular as mn, ArrowUploadRegular as vn, ArrowDownloadRegular as gn, MoreHorizontalFilled as Kt, PlayRegular as Pn, DismissRegular as yt, DeleteRegular as bn, ArrowShuffleFilled as wn, ArrowShuffleOffFilled as Sn, PreviousFilled as Tn, SkipBack10Regular as Xt, PauseFilled as Rn, PlayFilled as Cn, SkipForward30Regular as Zt, NextFilled as En, ArrowRepeat1Filled as In, ArrowRepeatAllFilled as xn, ArrowRepeatAllOffFilled as On, OpenRegular as kn, Speaker2Regular as er, TopSpeedRegular as _n, NavigationPlayRegular as An } from "@fluentui/react-icons";
+import { pull as At } from "lodash-es";
+import { useNostalgicDiva as ce, nullPlayerController as Yr, NostalgicDivaProvider as Wr, findVideoService as Hr, NostalgicDiva as Gr } from "@aigamo/nostalgic-diva";
+import { EuiSelectable as Jr, EuiPopoverTitle as Kr, EuiPopoverFooter as Xr, EuiButton as J, EuiPopover as ke, useGeneratedHtmlId as Zr, EuiModalHeaderTitle as en, EuiModalHeader as tn, EuiForm as rn, EuiFormRow as ut, EuiFieldText as Ft, EuiModalBody as nn, EuiModalFooter as an, EuiButtonEmpty as Wt, EuiModal as on, EuiCodeBlock as sn, EuiFlyout as ln, useEuiTheme as Ht, EuiCheckbox as Gt, EuiTableHeaderCellCheckbox as cn, EuiTableHeaderCell as ot, EuiTableHeader as un, EuiIcon as U, EuiContextMenu as mt, EuiButtonIcon as Y, EuiTableRowCell as dt, EuiTableRowCellCheckbox as dn, EuiLink as fn, EuiTableRow as pn, EuiTable as mn, EuiFlexGroup as le, EuiFlexItem as G, EuiSpacer as Jt, EuiEmptyPrompt as hn, EuiPageTemplate as ht, EuiRange as Kt, EuiBottomBar as yn } from "@elastic/eui";
+import { AddRegular as Ee, WindowDevToolsRegular as vn, ArrowUploadRegular as gn, ArrowDownloadRegular as bn, MoreHorizontalFilled as Xt, PlayRegular as Pn, DismissRegular as yt, DeleteRegular as Sn, ArrowShuffleFilled as wn, ArrowShuffleOffFilled as Tn, PreviousFilled as Rn, SkipBack10Regular as Zt, PauseFilled as Cn, PlayFilled as En, SkipForward30Regular as er, NextFilled as In, ArrowRepeat1Filled as xn, ArrowRepeatAllFilled as On, ArrowRepeatAllOffFilled as kn, OpenRegular as _n, Speaker2Regular as tr, TopSpeedRegular as An, NavigationPlayRegular as Fn } from "@fluentui/react-icons";
 import { observer as I } from "mobx-react-lite";
-import { ReactSortable as Fn } from "react-sortablejs";
-import { useRouter as Mn } from "@tanstack/react-router";
-const tr = 81;
+import { ReactSortable as Mn } from "react-sortablejs";
+import { useRouter as Dn } from "@tanstack/react-router";
+const rr = 81;
 class We {
   makeObservable(e, r) {
     return zr(e, r);
   }
 }
-class Ma {
+class Mi {
   makeObservable(e, r) {
     return e;
   }
 }
-var qe = { exports: {} }, Se = {};
-var Ft;
-function Dn() {
-  if (Ft) return Se;
-  Ft = 1;
-  var t = Ut, e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__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 b, S = {}, L = null, N = null;
-    m !== void 0 && (L = "" + m), p.key !== void 0 && (L = "" + p.key), p.ref !== void 0 && (N = p.ref);
-    for (b in p) i.call(p, b) && !o.hasOwnProperty(b) && (S[b] = p[b]);
-    if (f && f.defaultProps) for (b in p = f.defaultProps, p) S[b] === void 0 && (S[b] = p[b]);
-    return { $$typeof: e, type: f, key: L, ref: N, props: S, _owner: a.current };
-  }
-  return Se.Fragment = r, Se.jsx = c, Se.jsxs = c, Se;
-}
-var Te = {};
+var qe = { exports: {} }, Te = {};
 var Mt;
 function Nn() {
-  return Mt || (Mt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = Ut, e = /* @__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"), b = /* @__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 (Mt) return Te;
+  Mt = 1;
+  var t = Ut, e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(f, p, y) {
+    var P, w = {}, L = null, N = null;
+    y !== void 0 && (L = "" + y), p.key !== void 0 && (L = "" + p.key), p.ref !== void 0 && (N = p.ref);
+    for (P in p) a.call(p, P) && !s.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: e, type: f, key: L, ref: N, props: w, _owner: i.current };
+  }
+  return Te.Fragment = r, Te.jsx = c, Te.jsxs = c, Te;
+}
+var Re = {};
+var Dt;
+function $n() {
+  return Dt || (Dt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = Ut, e = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.portal"), a = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), s = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), f = /* @__PURE__ */ Symbol.for("react.context"), p = /* @__PURE__ */ Symbol.for("react.forward_ref"), y = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), N = /* @__PURE__ */ Symbol.for("react.offscreen"), A = Symbol.iterator, W = "@@iterator";
+    function ee(n) {
       if (n === null || typeof n != "object")
         return null;
       var l = A && n[A] || n[W];
@@ -59,32 +59,32 @@ function Nn() {
       {
         var v = q.ReactDebugCurrentFrame, T = v.getStackAddendum();
         T !== "" && (l += "%s", d = d.concat([T]));
-        var E = d.map(function(w) {
-          return String(w);
+        var E = d.map(function(S) {
+          return String(S);
         });
         E.unshift("Warning: " + l), Function.prototype.apply.call(console[n], console, E);
       }
     }
-    var k = !1, u = !1, Q = !1, he = !1, _e = !1, Ae;
-    Ae = /* @__PURE__ */ Symbol.for("react.module.reference");
+    var k = !1, u = !1, Q = !1, he = !1, Ae = !1, Fe;
+    Fe = /* @__PURE__ */ Symbol.for("react.module.reference");
     function Je(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === i || n === o || _e || n === a || n === m || n === b || he || n === N || k || u || Q || 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
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === s || Ae || n === i || n === y || n === P || he || n === N || k || u || Q || typeof n == "object" && n !== null && (n.$$typeof === L || n.$$typeof === w || 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 === Ae || n.getModuleId !== void 0));
+      n.$$typeof === Fe || n.getModuleId !== void 0));
     }
-    function Be(n, l, d) {
+    function Ke(n, l, d) {
       var v = n.displayName;
       if (v)
         return v;
       var T = l.displayName || l.name || "";
       return T !== "" ? d + "(" + T + ")" : d;
     }
-    function Fe(n) {
+    function Me(n) {
       return n.displayName || "Context";
     }
-    function B(n) {
+    function K(n) {
       if (n == null)
         return null;
       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")
@@ -92,36 +92,36 @@ function Nn() {
       if (typeof n == "string")
         return n;
       switch (n) {
-        case i:
+        case a:
           return "Fragment";
         case r:
           return "Portal";
-        case o:
+        case s:
           return "Profiler";
-        case a:
+        case i:
           return "StrictMode";
-        case m:
+        case y:
           return "Suspense";
-        case b:
+        case P:
           return "SuspenseList";
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case f:
             var l = n;
-            return Fe(l) + ".Consumer";
+            return Me(l) + ".Consumer";
           case c:
             var d = n;
-            return Fe(d._context) + ".Provider";
+            return Me(d._context) + ".Provider";
           case p:
-            return Be(n, n.render, "ForwardRef");
-          case S:
+            return Ke(n, n.render, "ForwardRef");
+          case w:
             var v = n.displayName || null;
-            return v !== null ? v : B(n.type) || "Memo";
+            return v !== null ? v : K(n.type) || "Memo";
           case L: {
-            var T = n, E = T._payload, w = T._init;
+            var T = n, E = T._payload, S = T._init;
             try {
-              return B(w(E));
+              return K(S(E));
             } catch {
               return null;
             }
@@ -129,14 +129,14 @@ function Nn() {
         }
       return null;
     }
-    var ee = Object.assign, ne = 0, Me, De, ye, Ne, me, $e, je;
+    var te = Object.assign, ae = 0, De, Ne, ye, $e, ve, Be, je;
     function ze() {
     }
     ze.__reactDisabledLog = !0;
-    function Ke() {
+    function Xe() {
       {
-        if (ne === 0) {
-          Me = console.log, De = console.info, ye = console.warn, Ne = console.error, me = console.group, $e = console.groupCollapsed, je = console.groupEnd;
+        if (ae === 0) {
+          De = console.log, Ne = console.info, ye = console.warn, $e = console.error, ve = console.group, Be = console.groupCollapsed, je = console.groupEnd;
           var n = {
             configurable: !0,
             enumerable: !0,
@@ -153,68 +153,68 @@ function Nn() {
             groupEnd: n
           });
         }
-        ne++;
+        ae++;
       }
     }
-    function Xe() {
+    function Ze() {
       {
-        if (ne--, ne === 0) {
+        if (ae--, ae === 0) {
           var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ee({}, n, {
-              value: Me
-            }),
-            info: ee({}, n, {
+            log: te({}, n, {
               value: De
             }),
-            warn: ee({}, n, {
-              value: ye
-            }),
-            error: ee({}, n, {
+            info: te({}, n, {
               value: Ne
             }),
-            group: ee({}, n, {
-              value: me
+            warn: te({}, n, {
+              value: ye
             }),
-            groupCollapsed: ee({}, n, {
+            error: te({}, n, {
               value: $e
             }),
-            groupEnd: ee({}, n, {
+            group: te({}, n, {
+              value: ve
+            }),
+            groupCollapsed: te({}, n, {
+              value: Be
+            }),
+            groupEnd: te({}, n, {
               value: je
             })
           });
         }
-        ne < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ae < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ve = q.ReactCurrentDispatcher, ge;
-    function ce(n, l, d) {
+    var ge = q.ReactCurrentDispatcher, be;
+    function ue(n, l, d) {
       {
-        if (ge === void 0)
+        if (be === void 0)
           try {
             throw Error();
           } catch (T) {
             var v = T.stack.trim().match(/\n( *(at )?)/);
-            ge = v && v[1] || "";
+            be = v && v[1] || "";
           }
         return `
-` + ge + n;
+` + be + n;
       }
     }
-    var Pe = !1, ue;
+    var Pe = !1, de;
     {
-      var Ze = typeof WeakMap == "function" ? WeakMap : Map;
-      ue = new Ze();
+      var et = typeof WeakMap == "function" ? WeakMap : Map;
+      de = new et();
     }
-    function y(n, l) {
+    function h(n, l) {
       if (!n || Pe)
         return "";
       {
-        var d = ue.get(n);
+        var d = de.get(n);
         if (d !== void 0)
           return d;
       }
@@ -223,30 +223,30 @@ function Nn() {
       var T = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var E;
-      E = ve.current, ve.current = null, Ke();
+      E = ge.current, ge.current = null, Xe();
       try {
         if (l) {
-          var w = function() {
+          var S = function() {
             throw Error();
           };
-          if (Object.defineProperty(w.prototype, "props", {
+          if (Object.defineProperty(S.prototype, "props", {
             set: function() {
               throw Error();
             }
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
-              Reflect.construct(w, []);
+              Reflect.construct(S, []);
             } catch (V) {
               v = V;
             }
-            Reflect.construct(n, [], w);
+            Reflect.construct(n, [], S);
           } else {
             try {
-              w.call();
+              S.call();
             } catch (V) {
               v = V;
             }
-            n.call(w.prototype);
+            n.call(S.prototype);
           }
         } else {
           try {
@@ -258,33 +258,33 @@ function Nn() {
         }
       } catch (V) {
         if (V && v && typeof V.stack == "string") {
-          for (var P = V.stack.split(`
-`), z = v.stack.split(`
-`), _ = P.length - 1, M = z.length - 1; _ >= 1 && M >= 0 && P[_] !== z[M]; )
+          for (var b = V.stack.split(`
+`), j = v.stack.split(`
+`), _ = b.length - 1, M = j.length - 1; _ >= 1 && M >= 0 && b[_] !== j[M]; )
             M--;
           for (; _ >= 1 && M >= 0; _--, M--)
-            if (P[_] !== z[M]) {
+            if (b[_] !== j[M]) {
               if (_ !== 1 || M !== 1)
                 do
-                  if (_--, M--, M < 0 || P[_] !== z[M]) {
+                  if (_--, M--, M < 0 || b[_] !== j[M]) {
                     var H = `
-` + P[_].replace(" at new ", " at ");
-                    return n.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", n.displayName)), typeof n == "function" && ue.set(n, H), H;
+` + b[_].replace(" at new ", " at ");
+                    return n.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", n.displayName)), typeof n == "function" && de.set(n, H), H;
                   }
                 while (_ >= 1 && M >= 0);
               break;
             }
         }
       } finally {
-        Pe = !1, ve.current = E, Xe(), Error.prepareStackTrace = T;
+        Pe = !1, ge.current = E, Ze(), Error.prepareStackTrace = T;
       }
-      var pe = n ? n.displayName || n.name : "", ae = pe ? ce(pe) : "";
-      return typeof n == "function" && ue.set(n, ae), ae;
+      var me = n ? n.displayName || n.name : "", oe = me ? ue(me) : "";
+      return typeof n == "function" && de.set(n, oe), oe;
     }
-    function be(n, l, d) {
-      return y(n, !1);
+    function Se(n, l, d) {
+      return h(n, !1);
     }
-    function de(n) {
+    function fe(n) {
       var l = n.prototype;
       return !!(l && l.isReactComponent);
     }
@@ -292,20 +292,20 @@ function Nn() {
       if (n == null)
         return "";
       if (typeof n == "function")
-        return y(n, de(n));
+        return h(n, fe(n));
       if (typeof n == "string")
-        return ce(n);
+        return ue(n);
       switch (n) {
-        case m:
-          return ce("Suspense");
-        case b:
-          return ce("SuspenseList");
+        case y:
+          return ue("Suspense");
+        case P:
+          return ue("SuspenseList");
       }
       if (typeof n == "object")
         switch (n.$$typeof) {
           case p:
-            return be(n.render);
-          case S:
+            return Se(n.render);
+          case w:
             return ie(n.type, l, d);
           case L: {
             var v = n, T = v._payload, E = v._init;
@@ -317,36 +317,36 @@ function Nn() {
         }
       return "";
     }
-    var we = Object.prototype.hasOwnProperty, vt = {}, gt = q.ReactDebugCurrentFrame;
+    var we = Object.prototype.hasOwnProperty, gt = {}, bt = q.ReactDebugCurrentFrame;
     function Le(n) {
       if (n) {
         var l = n._owner, d = ie(n.type, n._source, l ? l.type : null);
-        gt.setExtraStackFrame(d);
+        bt.setExtraStackFrame(d);
       } else
-        gt.setExtraStackFrame(null);
+        bt.setExtraStackFrame(null);
     }
-    function vr(n, l, d, v, T) {
+    function gr(n, l, d, v, T) {
       {
         var E = Function.call.bind(we);
-        for (var w in n)
-          if (E(n, w)) {
-            var P = void 0;
+        for (var S in n)
+          if (E(n, S)) {
+            var b = void 0;
             try {
-              if (typeof n[w] != "function") {
-                var z = Error((v || "React class") + ": " + d + " type `" + w + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[w] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw z.name = "Invariant Violation", z;
+              if (typeof n[S] != "function") {
+                var j = Error((v || "React class") + ": " + d + " type `" + S + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[S] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw j.name = "Invariant Violation", j;
               }
-              P = n[w](l, w, v, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              b = n[S](l, S, v, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (_) {
-              P = _;
+              b = _;
             }
-            P && !(P instanceof Error) && (Le(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).", v || "React class", d, w, typeof P), Le(null)), P instanceof Error && !(P.message in vt) && (vt[P.message] = !0, Le(T), x("Failed %s type: %s", d, P.message), Le(null));
+            b && !(b instanceof Error) && (Le(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).", v || "React class", d, S, typeof b), Le(null)), b instanceof Error && !(b.message in gt) && (gt[b.message] = !0, Le(T), x("Failed %s type: %s", d, b.message), Le(null));
           }
       }
     }
-    var gr = Array.isArray;
-    function et(n) {
-      return gr(n);
+    var br = Array.isArray;
+    function tt(n) {
+      return br(n);
     }
     function Pr(n) {
       {
@@ -354,7 +354,7 @@ function Nn() {
         return d;
       }
     }
-    function br(n) {
+    function Sr(n) {
       try {
         return Pt(n), !1;
       } catch {
@@ -364,8 +364,8 @@ function Nn() {
     function Pt(n) {
       return "" + n;
     }
-    function bt(n) {
-      if (br(n))
+    function St(n) {
+      if (Sr(n))
         return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Pr(n)), Pt(n);
     }
     var wt = q.ReactCurrentOwner, wr = {
@@ -373,8 +373,8 @@ function Nn() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, St, Tt;
-    function Sr(n) {
+    }, Tt, Rt;
+    function Tr(n) {
       if (we.call(n, "ref")) {
         var l = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (l && l.isReactWarning)
@@ -382,7 +382,7 @@ function Nn() {
       }
       return n.ref !== void 0;
     }
-    function Tr(n) {
+    function Rr(n) {
       if (we.call(n, "key")) {
         var l = Object.getOwnPropertyDescriptor(n, "key").get;
         if (l && l.isReactWarning)
@@ -390,13 +390,13 @@ function Nn() {
       }
       return n.key !== void 0;
     }
-    function Rr(n, l) {
+    function Cr(n, l) {
       typeof n.ref == "string" && wt.current;
     }
-    function Cr(n, l) {
+    function Er(n, l) {
       {
         var d = function() {
-          St || (St = !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));
+          Tt || (Tt = !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 +404,10 @@ function Nn() {
         });
       }
     }
-    function Er(n, l) {
+    function Ir(n, l) {
       {
         var d = function() {
-          Tt || (Tt = !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));
+          Rt || (Rt = !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,70 +415,70 @@ function Nn() {
         });
       }
     }
-    var Ir = function(n, l, d, v, T, E, w) {
-      var P = {
+    var xr = function(n, l, d, v, T, E, S) {
+      var b = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: e,
         // Built-in properties that belong on the element
         type: n,
         key: l,
         ref: d,
-        props: w,
+        props: S,
         // Record the component responsible for creating this element.
         _owner: E
       };
-      return P._store = {}, Object.defineProperty(P._store, "validated", {
+      return b._store = {}, Object.defineProperty(b._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(P, "_self", {
+      }), Object.defineProperty(b, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: v
-      }), Object.defineProperty(P, "_source", {
+      }), Object.defineProperty(b, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: T
-      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
+      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
     };
-    function xr(n, l, d, v, T) {
+    function Or(n, l, d, v, T) {
       {
-        var E, w = {}, P = null, z = null;
-        d !== void 0 && (bt(d), P = "" + d), Tr(l) && (bt(l.key), P = "" + l.key), Sr(l) && (z = l.ref, Rr(l, T));
+        var E, S = {}, b = null, j = null;
+        d !== void 0 && (St(d), b = "" + d), Rr(l) && (St(l.key), b = "" + l.key), Tr(l) && (j = l.ref, Cr(l, T));
         for (E in l)
-          we.call(l, E) && !wr.hasOwnProperty(E) && (w[E] = l[E]);
+          we.call(l, E) && !wr.hasOwnProperty(E) && (S[E] = l[E]);
         if (n && n.defaultProps) {
           var _ = n.defaultProps;
           for (E in _)
-            w[E] === void 0 && (w[E] = _[E]);
+            S[E] === void 0 && (S[E] = _[E]);
         }
-        if (P || z) {
+        if (b || j) {
           var M = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
-          P && Cr(w, M), z && Er(w, M);
+          b && Er(S, M), j && Ir(S, M);
         }
-        return Ir(n, P, z, T, v, wt.current, w);
+        return xr(n, b, j, T, v, wt.current, S);
       }
     }
-    var tt = q.ReactCurrentOwner, Rt = q.ReactDebugCurrentFrame;
-    function fe(n) {
+    var rt = q.ReactCurrentOwner, Ct = q.ReactDebugCurrentFrame;
+    function pe(n) {
       if (n) {
         var l = n._owner, d = ie(n.type, n._source, l ? l.type : null);
-        Rt.setExtraStackFrame(d);
+        Ct.setExtraStackFrame(d);
       } else
-        Rt.setExtraStackFrame(null);
+        Ct.setExtraStackFrame(null);
     }
-    var rt;
-    rt = !1;
-    function nt(n) {
+    var nt;
+    nt = !1;
+    function at(n) {
       return typeof n == "object" && n !== null && n.$$typeof === e;
     }
-    function Ct() {
+    function Et() {
       {
-        if (tt.current) {
-          var n = B(tt.current.type);
+        if (rt.current) {
+          var n = K(rt.current.type);
           if (n)
             return `
 
@@ -487,13 +487,13 @@ Check the render method of \`` + n + "`.";
         return "";
       }
     }
-    function Or(n) {
+    function kr(n) {
       return "";
     }
-    var Et = {};
-    function kr(n) {
+    var It = {};
+    function _r(n) {
       {
-        var l = Ct();
+        var l = Et();
         if (!l) {
           var d = typeof n == "string" ? n : n.displayName || n.name;
           d && (l = `
@@ -503,39 +503,39 @@ Check the top-level render call using <` + d + ">.");
         return l;
       }
     }
-    function It(n, l) {
+    function xt(n, l) {
       {
         if (!n._store || n._store.validated || n.key != null)
           return;
         n._store.validated = !0;
-        var d = kr(l);
-        if (Et[d])
+        var d = _r(l);
+        if (It[d])
           return;
-        Et[d] = !0;
+        It[d] = !0;
         var v = "";
-        n && n._owner && n._owner !== tt.current && (v = " 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, v), fe(null);
+        n && n._owner && n._owner !== rt.current && (v = " It was passed a child from " + K(n._owner.type) + "."), pe(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, v), pe(null);
       }
     }
-    function xt(n, l) {
+    function Ot(n, l) {
       {
         if (typeof n != "object")
           return;
-        if (et(n))
+        if (tt(n))
           for (var d = 0; d < n.length; d++) {
             var v = n[d];
-            nt(v) && It(v, l);
+            at(v) && xt(v, l);
           }
-        else if (nt(n))
+        else if (at(n))
           n._store && (n._store.validated = !0);
         else if (n) {
-          var T = Z(n);
+          var T = ee(n);
           if (typeof T == "function" && T !== n.entries)
-            for (var E = T.call(n), w; !(w = E.next()).done; )
-              nt(w.value) && It(w.value, l);
+            for (var E = T.call(n), S; !(S = E.next()).done; )
+              at(S.value) && xt(S.value, l);
         }
       }
     }
-    function _r(n) {
+    function Ar(n) {
       {
         var l = n.type;
         if (l == null || typeof l == "string")
@@ -545,98 +545,98 @@ 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 === S))
+        l.$$typeof === w))
           d = l.propTypes;
         else
           return;
         if (d) {
-          var v = B(l);
-          vr(d, n.props, "prop", v, n);
-        } else if (l.PropTypes !== void 0 && !rt) {
-          rt = !0;
-          var T = B(l);
+          var v = K(l);
+          gr(d, n.props, "prop", v, n);
+        } else if (l.PropTypes !== void 0 && !nt) {
+          nt = !0;
+          var T = K(l);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
         }
         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 Ar(n) {
+    function Fr(n) {
       {
         for (var l = Object.keys(n.props), d = 0; d < l.length; d++) {
           var v = l[d];
           if (v !== "children" && v !== "key") {
-            fe(n), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), fe(null);
+            pe(n), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), pe(null);
             break;
           }
         }
-        n.ref !== null && (fe(n), x("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
+        n.ref !== null && (pe(n), x("Invalid attribute `ref` supplied to `React.Fragment`."), pe(null));
       }
     }
-    var Ot = {};
-    function kt(n, l, d, v, T, E) {
+    var kt = {};
+    function _t(n, l, d, v, T, E) {
       {
-        var w = Je(n);
-        if (!w) {
-          var P = "";
-          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (P += " 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 z = Or();
-          z ? P += z : P += Ct();
+        var S = Je(n);
+        if (!S) {
+          var b = "";
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (b += " 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 = kr();
+          j ? b += j : b += Et();
           var _;
-          n === null ? _ = "null" : et(n) ? _ = "array" : n !== void 0 && n.$$typeof === e ? (_ = "<" + (B(n.type) || "Unknown") + " />", P = " 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", _, P);
+          n === null ? _ = "null" : tt(n) ? _ = "array" : n !== void 0 && n.$$typeof === e ? (_ = "<" + (K(n.type) || "Unknown") + " />", b = " 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", _, b);
         }
-        var M = xr(n, l, d, T, E);
+        var M = Or(n, l, d, T, E);
         if (M == null)
           return M;
-        if (w) {
+        if (S) {
           var H = l.children;
           if (H !== void 0)
             if (v)
-              if (et(H)) {
-                for (var pe = 0; pe < H.length; pe++)
-                  xt(H[pe], n);
+              if (tt(H)) {
+                for (var me = 0; me < H.length; me++)
+                  Ot(H[me], n);
                 Object.freeze && Object.freeze(H);
               } else
                 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
-              xt(H, n);
+              Ot(H, n);
         }
         if (we.call(l, "key")) {
-          var ae = B(n), V = Object.keys(l).filter(function(jr) {
+          var oe = K(n), V = Object.keys(l).filter(function(jr) {
             return jr !== "key";
           }), it = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ot[ae + it]) {
-            var $r = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
+          if (!kt[oe + it]) {
+            var Br = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             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:
   let props = %s;
-  <%s key={someKey} {...props} />`, it, ae, $r, ae), Ot[ae + it] = !0;
+  <%s key={someKey} {...props} />`, it, oe, Br, oe), kt[oe + it] = !0;
           }
         }
-        return n === i ? Ar(M) : _r(M), M;
+        return n === a ? Fr(M) : Ar(M), M;
       }
     }
-    function Fr(n, l, d) {
-      return kt(n, l, d, !0);
-    }
     function Mr(n, l, d) {
-      return kt(n, l, d, !1);
+      return _t(n, l, d, !0);
     }
-    var Dr = Mr, Nr = Fr;
-    Te.Fragment = i, Te.jsx = Dr, Te.jsxs = Nr;
-  })()), Te;
-}
-var Dt;
-function $n() {
-  return Dt || (Dt = 1, process.env.NODE_ENV === "production" ? qe.exports = Dn() : qe.exports = Nn()), qe.exports;
+    function Dr(n, l, d) {
+      return _t(n, l, d, !1);
+    }
+    var Nr = Dr, $r = Mr;
+    Re.Fragment = a, Re.jsx = Nr, Re.jsxs = $r;
+  })()), Re;
 }
-var Ee = $n(), Qe = { exports: {} }, R = {};
 var Nt;
+function Bn() {
+  return Nt || (Nt = 1, process.env.NODE_ENV === "production" ? qe.exports = Nn() : qe.exports = $n()), qe.exports;
+}
+var Ie = Bn(), Qe = { exports: {} }, R = {};
+var $t;
 function jn() {
-  if (Nt) return R;
-  Nt = 1;
-  var t = typeof Symbol == "function" && Symbol.for, e = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, S = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, Z = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  if ($t) return R;
+  $t = 1;
+  var t = typeof Symbol == "function" && Symbol.for, e = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, s = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, y = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, w = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, ee = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function F(u) {
     if (typeof u == "object" && u !== null) {
       var Q = u.$$typeof;
@@ -644,16 +644,16 @@ function jn() {
         case e:
           switch (u = u.type, u) {
             case p:
-            case m:
-            case i:
-            case o:
+            case y:
             case a:
-            case S:
+            case s:
+            case i:
+            case w:
               return u;
             default:
               switch (u = u && u.$$typeof, u) {
                 case f:
-                case b:
+                case P:
                 case A:
                 case N:
                 case c:
@@ -668,9 +668,9 @@ function jn() {
     }
   }
   function k(u) {
-    return F(u) === m;
+    return F(u) === y;
   }
-  return R.AsyncMode = p, R.ConcurrentMode = m, R.ContextConsumer = f, R.ContextProvider = c, R.Element = e, R.ForwardRef = b, R.Fragment = i, R.Lazy = A, R.Memo = N, R.Portal = r, R.Profiler = o, R.StrictMode = a, R.Suspense = S, R.isAsyncMode = function(u) {
+  return R.AsyncMode = p, R.ConcurrentMode = y, R.ContextConsumer = f, R.ContextProvider = c, R.Element = e, R.ForwardRef = P, R.Fragment = a, R.Lazy = A, R.Memo = N, R.Portal = r, R.Profiler = s, R.StrictMode = i, R.Suspense = w, R.isAsyncMode = function(u) {
     return k(u) || F(u) === p;
   }, R.isConcurrentMode = k, R.isContextConsumer = function(u) {
     return F(u) === f;
@@ -679,9 +679,9 @@ function jn() {
   }, R.isElement = function(u) {
     return typeof u == "object" && u !== null && u.$$typeof === e;
   }, R.isForwardRef = function(u) {
-    return F(u) === b;
+    return F(u) === P;
   }, R.isFragment = function(u) {
-    return F(u) === i;
+    return F(u) === a;
   }, R.isLazy = function(u) {
     return F(u) === A;
   }, R.isMemo = function(u) {
@@ -689,97 +689,97 @@ function jn() {
   }, R.isPortal = function(u) {
     return F(u) === r;
   }, R.isProfiler = function(u) {
-    return F(u) === o;
+    return F(u) === s;
   }, R.isStrictMode = function(u) {
-    return F(u) === a;
+    return F(u) === i;
   }, R.isSuspense = function(u) {
-    return F(u) === S;
+    return F(u) === w;
   }, R.isValidElementType = function(u) {
-    return typeof u == "string" || typeof u == "function" || u === i || u === m || 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 === b || u.$$typeof === Z || u.$$typeof === q || u.$$typeof === x || u.$$typeof === W);
+    return typeof u == "string" || typeof u == "function" || u === a || u === y || u === s || u === i || u === w || u === L || typeof u == "object" && u !== null && (u.$$typeof === A || u.$$typeof === N || u.$$typeof === c || u.$$typeof === f || u.$$typeof === P || u.$$typeof === ee || u.$$typeof === q || u.$$typeof === x || u.$$typeof === W);
   }, R.typeOf = F, R;
 }
 var C = {};
-var $t;
+var Bt;
 function zn() {
-  return $t || ($t = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = typeof Symbol == "function" && Symbol.for, e = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, i = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, a = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, o = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, m = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, b = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, S = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, Z = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = t ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
-    function F(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 === S || y === L || typeof y == "object" && y !== null && (y.$$typeof === A || y.$$typeof === N || y.$$typeof === c || y.$$typeof === f || y.$$typeof === b || y.$$typeof === Z || y.$$typeof === q || y.$$typeof === x || y.$$typeof === W);
-    }
-    function k(y) {
-      if (typeof y == "object" && y !== null) {
-        var be = y.$$typeof;
-        switch (be) {
+  return Bt || (Bt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var t = typeof Symbol == "function" && Symbol.for, e = t ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = t ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = t ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = t ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, s = t ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, c = t ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, f = t ? /* @__PURE__ */ Symbol.for("react.context") : 60110, p = t ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, y = t ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, P = t ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, w = t ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, L = t ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, N = t ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, A = t ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, W = t ? /* @__PURE__ */ Symbol.for("react.block") : 60121, ee = t ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, q = t ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, x = t ? /* @__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 === a || h === y || h === s || h === i || h === w || h === L || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === N || h.$$typeof === c || h.$$typeof === f || h.$$typeof === P || h.$$typeof === ee || h.$$typeof === q || h.$$typeof === x || h.$$typeof === W);
+    }
+    function k(h) {
+      if (typeof h == "object" && h !== null) {
+        var Se = h.$$typeof;
+        switch (Se) {
           case e:
-            var de = y.type;
-            switch (de) {
+            var fe = h.type;
+            switch (fe) {
               case p:
-              case m:
-              case i:
-              case o:
+              case y:
               case a:
-              case S:
-                return de;
+              case s:
+              case i:
+              case w:
+                return fe;
               default:
-                var ie = de && de.$$typeof;
+                var ie = fe && fe.$$typeof;
                 switch (ie) {
                   case f:
-                  case b:
+                  case P:
                   case A:
                   case N:
                   case c:
                     return ie;
                   default:
-                    return be;
+                    return Se;
                 }
             }
           case r:
-            return be;
+            return Se;
         }
       }
     }
-    var u = p, Q = m, he = f, _e = c, Ae = e, Je = b, Be = i, Fe = A, B = N, ee = r, ne = o, Me = a, De = S, ye = !1;
-    function Ne(y) {
-      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(y) || k(y) === p;
+    var u = p, Q = y, he = f, Ae = c, Fe = e, Je = P, Ke = a, Me = A, K = N, te = r, ae = s, De = i, Ne = w, ye = !1;
+    function $e(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.")), ve(h) || k(h) === p;
     }
-    function me(y) {
-      return k(y) === m;
+    function ve(h) {
+      return k(h) === y;
     }
-    function $e(y) {
-      return k(y) === f;
+    function Be(h) {
+      return k(h) === f;
     }
-    function je(y) {
-      return k(y) === c;
+    function je(h) {
+      return k(h) === c;
     }
-    function ze(y) {
-      return typeof y == "object" && y !== null && y.$$typeof === e;
+    function ze(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === e;
     }
-    function Ke(y) {
-      return k(y) === b;
+    function Xe(h) {
+      return k(h) === P;
     }
-    function Xe(y) {
-      return k(y) === i;
+    function Ze(h) {
+      return k(h) === a;
     }
-    function ve(y) {
-      return k(y) === A;
+    function ge(h) {
+      return k(h) === A;
     }
-    function ge(y) {
-      return k(y) === N;
+    function be(h) {
+      return k(h) === N;
     }
-    function ce(y) {
-      return k(y) === r;
+    function ue(h) {
+      return k(h) === r;
     }
-    function Pe(y) {
-      return k(y) === o;
+    function Pe(h) {
+      return k(h) === s;
     }
-    function ue(y) {
-      return k(y) === a;
+    function de(h) {
+      return k(h) === i;
     }
-    function Ze(y) {
-      return k(y) === S;
+    function et(h) {
+      return k(h) === w;
     }
-    C.AsyncMode = u, C.ConcurrentMode = Q, C.ContextConsumer = he, C.ContextProvider = _e, C.Element = Ae, C.ForwardRef = Je, C.Fragment = Be, C.Lazy = Fe, C.Memo = B, C.Portal = ee, C.Profiler = ne, C.StrictMode = Me, C.Suspense = De, C.isAsyncMode = Ne, C.isConcurrentMode = me, C.isContextConsumer = $e, C.isContextProvider = je, C.isElement = ze, C.isForwardRef = Ke, C.isFragment = Xe, C.isLazy = ve, C.isMemo = ge, C.isPortal = ce, C.isProfiler = Pe, C.isStrictMode = ue, C.isSuspense = Ze, C.isValidElementType = F, C.typeOf = k;
+    C.AsyncMode = u, C.ConcurrentMode = Q, C.ContextConsumer = he, C.ContextProvider = Ae, C.Element = Fe, C.ForwardRef = Je, C.Fragment = Ke, C.Lazy = Me, C.Memo = K, C.Portal = te, C.Profiler = ae, C.StrictMode = De, C.Suspense = Ne, C.isAsyncMode = $e, C.isConcurrentMode = ve, C.isContextConsumer = Be, C.isContextProvider = je, C.isElement = ze, C.isForwardRef = Xe, C.isFragment = Ze, C.isLazy = ge, C.isMemo = be, C.isPortal = ue, C.isProfiler = Pe, C.isStrictMode = de, C.isSuspense = et, C.isValidElementType = F, C.typeOf = k;
   })()), C;
 }
 var jt;
@@ -810,37 +810,37 @@ function qn() {
     callee: !0,
     arguments: !0,
     arity: !0
-  }, i = {
+  }, a = {
     $$typeof: !0,
     render: !0,
     defaultProps: !0,
     displayName: !0,
     propTypes: !0
-  }, a = {
+  }, i = {
     $$typeof: !0,
     compare: !0,
     defaultProps: !0,
     displayName: !0,
     propTypes: !0,
     type: !0
-  }, o = {};
-  o[t.ForwardRef] = i, o[t.Memo] = a;
+  }, s = {};
+  s[t.ForwardRef] = a, s[t.Memo] = i;
   function c(A) {
-    return t.isMemo(A) ? a : o[A.$$typeof] || e;
+    return t.isMemo(A) ? i : s[A.$$typeof] || e;
   }
-  var f = Object.defineProperty, p = Object.getOwnPropertyNames, m = Object.getOwnPropertySymbols, b = Object.getOwnPropertyDescriptor, S = Object.getPrototypeOf, L = Object.prototype;
-  function N(A, W, Z) {
+  var f = Object.defineProperty, p = Object.getOwnPropertyNames, y = Object.getOwnPropertySymbols, P = Object.getOwnPropertyDescriptor, w = Object.getPrototypeOf, L = Object.prototype;
+  function N(A, W, ee) {
     if (typeof W != "string") {
       if (L) {
-        var q = S(W);
-        q && q !== L && N(A, q, Z);
+        var q = w(W);
+        q && q !== L && N(A, q, ee);
       }
       var x = p(W);
-      m && (x = x.concat(m(W)));
+      y && (x = x.concat(y(W)));
       for (var F = c(A), k = c(W), u = 0; u < x.length; ++u) {
         var Q = x[u];
-        if (!r[Q] && !(Z && Z[Q]) && !(k && k[Q]) && !(F && F[Q])) {
-          var he = b(W, Q);
+        if (!r[Q] && !(ee && ee[Q]) && !(k && k[Q]) && !(F && F[Q])) {
+          var he = P(W, Q);
           try {
             f(A, Q, he);
           } catch {
@@ -855,47 +855,47 @@ function qn() {
 qn();
 var Qn = !0;
 function Vn(t, e, r) {
-  var i = "";
-  return r.split(" ").forEach(function(a) {
-    t[a] !== void 0 ? e.push(t[a] + ";") : a && (i += a + " ");
-  }), i;
+  var a = "";
+  return r.split(" ").forEach(function(i) {
+    t[i] !== void 0 ? e.push(t[i] + ";") : i && (a += i + " ");
+  }), a;
 }
-var rr = function(e, r, i) {
-  var a = e.key + "-" + r.name;
+var nr = function(e, r, a) {
+  var i = e.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
   // the tree but if it's a string tag, we know it won't
   // so we don't have to add it to registered cache.
   // this improves memory usage since we can avoid storing the whole style string
-  (i === !1 || // we need to always store it if we're in compat mode and
+  (a === !1 || // we need to always store it if we're in compat mode and
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  Qn === !1) && e.registered[a] === void 0 && (e.registered[a] = r.styles);
-}, Un = function(e, r, i) {
-  rr(e, r, i);
-  var a = e.key + "-" + r.name;
+  Qn === !1) && e.registered[i] === void 0 && (e.registered[i] = r.styles);
+}, Un = function(e, r, a) {
+  nr(e, r, a);
+  var i = e.key + "-" + r.name;
   if (e.inserted[r.name] === void 0) {
-    var o = r;
+    var s = r;
     do
-      e.insert(r === o ? "." + a : "", o, e.sheet, !0), o = o.next;
-    while (o !== void 0);
+      e.insert(r === s ? "." + i : "", s, e.sheet, !0), s = s.next;
+    while (s !== void 0);
   }
 };
 function Yn(t) {
-  for (var e = 0, r, i = 0, a = t.length; a >= 4; ++i, a -= 4)
-    r = t.charCodeAt(i) & 255 | (t.charCodeAt(++i) & 255) << 8 | (t.charCodeAt(++i) & 255) << 16 | (t.charCodeAt(++i) & 255) << 24, r = /* Math.imul(k, m): */
+  for (var e = 0, r, a = 0, i = t.length; i >= 4; ++a, i -= 4)
+    r = t.charCodeAt(a) & 255 | (t.charCodeAt(++a) & 255) << 8 | (t.charCodeAt(++a) & 255) << 16 | (t.charCodeAt(++a) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
     r >>> 24, e = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
-  switch (a) {
+  switch (i) {
     case 3:
-      e ^= (t.charCodeAt(i + 2) & 255) << 16;
+      e ^= (t.charCodeAt(a + 2) & 255) << 16;
     case 2:
-      e ^= (t.charCodeAt(i + 1) & 255) << 8;
+      e ^= (t.charCodeAt(a + 1) & 255) << 8;
     case 1:
-      e ^= t.charCodeAt(i) & 255, e = /* Math.imul(h, m): */
+      e ^= t.charCodeAt(a) & 255, e = /* Math.imul(h, m): */
       (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16);
   }
   return e ^= e >>> 13, e = /* Math.imul(h, m): */
@@ -957,130 +957,130 @@ function Hn(t) {
     return e[r] === void 0 && (e[r] = t(r)), e[r];
   };
 }
-var Gn = /[A-Z]|^ms/g, Jn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, nr = function(e) {
+var Gn = /[A-Z]|^ms/g, Jn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ar = function(e) {
   return e.charCodeAt(1) === 45;
 }, Lt = function(e) {
   return e != null && typeof e != "boolean";
-}, ot = /* @__PURE__ */ Hn(function(t) {
-  return nr(t) ? t : t.replace(Gn, "-$&").toLowerCase();
+}, lt = /* @__PURE__ */ Hn(function(t) {
+  return ar(t) ? t : t.replace(Gn, "-$&").toLowerCase();
 }), qt = function(e, r) {
   switch (e) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(Jn, function(i, a, o) {
-          return K = {
-            name: a,
-            styles: o,
-            next: K
-          }, a;
+        return r.replace(Jn, function(a, i, s) {
+          return X = {
+            name: i,
+            styles: s,
+            next: X
+          }, i;
         });
   }
-  return Wn[e] !== 1 && !nr(e) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return Wn[e] !== 1 && !ar(e) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
-function Ie(t, e, r) {
+function xe(t, e, r) {
   if (r == null)
     return "";
-  var i = r;
-  if (i.__emotion_styles !== void 0)
-    return i;
+  var a = r;
+  if (a.__emotion_styles !== void 0)
+    return a;
   switch (typeof r) {
     case "boolean":
       return "";
     case "object": {
-      var a = r;
-      if (a.anim === 1)
-        return K = {
-          name: a.name,
-          styles: a.styles,
-          next: K
-        }, a.name;
-      var o = r;
-      if (o.styles !== void 0) {
-        var c = o.next;
+      var i = r;
+      if (i.anim === 1)
+        return X = {
+          name: i.name,
+          styles: i.styles,
+          next: X
+        }, i.name;
+      var s = r;
+      if (s.styles !== void 0) {
+        var c = s.next;
         if (c !== void 0)
           for (; c !== void 0; )
-            K = {
+            X = {
               name: c.name,
               styles: c.styles,
-              next: K
+              next: X
             }, c = c.next;
-        var f = o.styles + ";";
+        var f = s.styles + ";";
         return f;
       }
-      return Bn(t, e, r);
+      return Kn(t, e, r);
     }
     case "function": {
       if (t !== void 0) {
-        var p = K, m = r(t);
-        return K = p, Ie(t, e, m);
+        var p = X, y = r(t);
+        return X = p, xe(t, e, y);
       }
       break;
     }
   }
-  var b = r;
-  return b;
+  var P = r;
+  return P;
 }
-function Bn(t, e, r) {
-  var i = "";
+function Kn(t, e, r) {
+  var a = "";
   if (Array.isArray(r))
-    for (var a = 0; a < r.length; a++)
-      i += Ie(t, e, r[a]) + ";";
+    for (var i = 0; i < r.length; i++)
+      a += xe(t, e, r[i]) + ";";
   else
-    for (var o in r) {
-      var c = r[o];
+    for (var s in r) {
+      var c = r[s];
       if (typeof c != "object") {
         var f = c;
-        Lt(f) && (i += ot(o) + ":" + qt(o, f) + ";");
+        Lt(f) && (a += lt(s) + ":" + qt(s, f) + ";");
       } else if (Array.isArray(c) && typeof c[0] == "string" && e == null)
         for (var p = 0; p < c.length; p++)
-          Lt(c[p]) && (i += ot(o) + ":" + qt(o, c[p]) + ";");
+          Lt(c[p]) && (a += lt(s) + ":" + qt(s, c[p]) + ";");
       else {
-        var m = Ie(t, e, c);
-        switch (o) {
+        var y = xe(t, e, c);
+        switch (s) {
           case "animation":
           case "animationName": {
-            i += ot(o) + ":" + m + ";";
+            a += lt(s) + ":" + y + ";";
             break;
           }
           default:
-            i += o + "{" + m + "}";
+            a += s + "{" + y + "}";
         }
       }
     }
-  return i;
+  return a;
 }
-var Qt = /label:\s*([^\s;{]+)\s*(;|$)/g, K;
-function Kn(t, e, r) {
+var Qt = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
+function Xn(t, e, r) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
-  var i = !0, a = "";
-  K = void 0;
-  var o = t[0];
-  if (o == null || o.raw === void 0)
-    i = !1, a += Ie(r, e, o);
+  var a = !0, i = "";
+  X = void 0;
+  var s = t[0];
+  if (s == null || s.raw === void 0)
+    a = !1, i += xe(r, e, s);
   else {
-    var c = o;
-    a += c[0];
+    var c = s;
+    i += c[0];
   }
   for (var f = 1; f < t.length; f++)
-    if (a += Ie(r, e, t[f]), i) {
-      var p = o;
-      a += p[f];
+    if (i += xe(r, e, t[f]), a) {
+      var p = s;
+      i += p[f];
     }
   Qt.lastIndex = 0;
-  for (var m = "", b; (b = Qt.exec(a)) !== null; )
-    m += "-" + b[1];
-  var S = Yn(a) + m;
+  for (var y = "", P; (P = Qt.exec(i)) !== null; )
+    y += "-" + P[1];
+  var w = Yn(i) + y;
   return {
-    name: S,
-    styles: a,
-    next: K
+    name: w,
+    styles: i,
+    next: X
   };
 }
-var Xn = function(e) {
+var Zn = function(e) {
   return e();
-}, Zn = te.useInsertionEffect ? te.useInsertionEffect : !1, ei = Zn || Xn, ir = /* @__PURE__ */ te.createContext(
+}, ea = re.useInsertionEffect ? re.useInsertionEffect : !1, ta = ea || Zn, ir = /* @__PURE__ */ re.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
@@ -1092,53 +1092,53 @@ var Xn = function(e) {
   }) : null
 );
 ir.Provider;
-var ti = function(e) {
-  return /* @__PURE__ */ qr(function(r, i) {
-    var a = xe(ir);
-    return e(r, a, i);
+var ra = function(e) {
+  return /* @__PURE__ */ qr(function(r, a) {
+    var i = Oe(ir);
+    return e(r, i, a);
   });
-}, ri = /* @__PURE__ */ te.createContext({}), He = {}.hasOwnProperty, dt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ar = function(e, r) {
-  var i = {};
-  for (var a in r)
-    He.call(r, a) && (i[a] = r[a]);
-  return i[dt] = e, i;
-}, ni = function(e) {
-  var r = e.cache, i = e.serialized, a = e.isStringTag;
-  return rr(r, i, a), ei(function() {
-    return Un(r, i, a);
+}, na = /* @__PURE__ */ re.createContext({}), He = {}.hasOwnProperty, ft = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", or = function(e, r) {
+  var a = {};
+  for (var i in r)
+    He.call(r, i) && (a[i] = r[i]);
+  return a[ft] = e, a;
+}, aa = function(e) {
+  var r = e.cache, a = e.serialized, i = e.isStringTag;
+  return nr(r, a, i), ta(function() {
+    return Un(r, a, i);
   }), null;
-}, ii = /* @__PURE__ */ ti(function(t, e, r) {
-  var i = t.css;
-  typeof i == "string" && e.registered[i] !== void 0 && (i = e.registered[i]);
-  var a = t[dt], o = [i], c = "";
-  typeof t.className == "string" ? c = Vn(e.registered, o, t.className) : t.className != null && (c = t.className + " ");
-  var f = Kn(o, void 0, te.useContext(ri));
+}, ia = /* @__PURE__ */ ra(function(t, e, r) {
+  var a = t.css;
+  typeof a == "string" && e.registered[a] !== void 0 && (a = e.registered[a]);
+  var i = t[ft], s = [a], c = "";
+  typeof t.className == "string" ? c = Vn(e.registered, s, t.className) : t.className != null && (c = t.className + " ");
+  var f = Xn(s, void 0, re.useContext(na));
   c += e.key + "-" + f.name;
   var p = {};
-  for (var m in t)
-    He.call(t, m) && m !== "css" && m !== dt && (p[m] = t[m]);
-  return p.className = c, r && (p.ref = r), /* @__PURE__ */ te.createElement(te.Fragment, null, /* @__PURE__ */ te.createElement(ni, {
+  for (var y in t)
+    He.call(t, y) && y !== "css" && y !== ft && (p[y] = t[y]);
+  return p.className = c, r && (p.ref = r), /* @__PURE__ */ re.createElement(re.Fragment, null, /* @__PURE__ */ re.createElement(aa, {
     cache: e,
     serialized: f,
-    isStringTag: typeof a == "string"
-  }), /* @__PURE__ */ te.createElement(a, p));
-}), sr = ii, ke = Ee.Fragment, s = function(e, r, i) {
-  return He.call(r, "css") ? Ee.jsx(sr, ar(e, r), i) : Ee.jsx(e, r, i);
-}, D = function(e, r, i) {
-  return He.call(r, "css") ? Ee.jsxs(sr, ar(e, r), i) : Ee.jsxs(e, r, i);
+    isStringTag: typeof i == "string"
+  }), /* @__PURE__ */ re.createElement(i, p));
+}), sr = ia, _e = Ie.Fragment, o = function(e, r, a) {
+  return He.call(r, "css") ? Ie.jsx(sr, or(e, r), a) : Ie.jsx(e, r, a);
+}, D = function(e, r, a) {
+  return He.call(r, "css") ? Ie.jsxs(sr, or(e, r), a) : Ie.jsxs(e, r, a);
 };
-const ai = ({
+const oa = ({
   components: t = [],
   children: e
-}) => /* @__PURE__ */ s(ke, { children: t.reduceRight(
-  (r, i) => /* @__PURE__ */ s(i, { children: r }),
+}) => /* @__PURE__ */ o(_e, { children: t.reduceRight(
+  (r, a) => /* @__PURE__ */ o(a, { children: r }),
   e
-) }), or = Ue(void 0), Ge = () => xe(or), lt = new Ur({
+) }), lr = Ue(void 0), Ge = () => Oe(lr), ct = new Ur({
   coerceTypes: !0
 });
-function si(t, e) {
+function sa(t, e) {
   let r;
-  if (r = lt.getSchema(e), r === void 0 && (lt.addSchema(t, e), r = lt.getSchema(e)), r === void 0 || r.schema !== t)
+  if (r = ct.getSchema(e), r === void 0 && (ct.addSchema(t, e), r = ct.getSchema(e)), r === void 0 || r.schema !== t)
     throw new Error(
       `Invalid schema. Expected: '${JSON.stringify(
         t
@@ -1146,7 +1146,7 @@ function si(t, e) {
     );
   return r;
 }
-const oi = {
+const la = {
   type: "object",
   properties: {
     url: {
@@ -1165,7 +1165,7 @@ const oi = {
   required: ["url", "type", "videoId", "title"]
 };
 var O = /* @__PURE__ */ ((t) => (t.Off = "Off", t.All = "All", t.One = "One", t))(O || {});
-const li = {
+const ca = {
   type: "object",
   properties: {
     version: {
@@ -1184,7 +1184,7 @@ const li = {
     items: {
       type: "array",
       nullable: !0,
-      items: oi
+      items: la
     },
     currentIndex: {
       type: "integer",
@@ -1193,9 +1193,9 @@ const li = {
   }
 };
 class Ve {
-  constructor(e, r, i) {
-    this.observableStateProvider = e, this.playQueue = r, this.dto = i, this.id = Ve.nextId++, e.makeObservable(this, {
-      isSelected: X,
+  constructor(e, r, a) {
+    this.observableStateProvider = e, this.playQueue = r, this.dto = a, this.id = Ve.nextId++, e.makeObservable(this, {
+      isSelected: Z,
       isCurrent: g,
       index: g,
       isFirst: g,
@@ -1204,25 +1204,25 @@ class Ve {
       canMoveToBottom: g,
       canRemoveToTop: g,
       canRemoveOthers: g,
-      unselect: h,
-      select: h,
-      toggleSelected: h.bound,
-      play: h,
-      remove: h.bound,
-      playFirst: h.bound,
-      playNext: h.bound,
-      addToPlayQueue: h.bound,
-      moveToTop: h.bound,
-      moveToBottom: h.bound,
-      removeToTop: h.bound,
-      removeOthers: h.bound
+      unselect: m,
+      select: m,
+      toggleSelected: m.bound,
+      play: m,
+      remove: m.bound,
+      playFirst: m.bound,
+      playNext: m.bound,
+      addToPlayQueue: m.bound,
+      moveToTop: m.bound,
+      moveToBottom: m.bound,
+      removeToTop: m.bound,
+      removeOthers: m.bound
     });
   }
   static nextId = 1;
   id;
   isSelected = !1;
-  static fromDto(e, r, i) {
-    return new Ve(e, r, i);
+  static fromDto(e, r, a) {
+    return new Ve(e, r, a);
   }
   get url() {
     return this.dto.url;
@@ -1300,14 +1300,14 @@ class Ve {
     return this.playQueue.removeOtherItems(this);
   }
 }
-class ci {
+class ua {
   constructor(e) {
     this.observableStateProvider = e, e.makeObservable(this, {
-      interacted: X,
-      items: X,
-      currentId: X,
-      repeat: X,
-      shuffle: X,
+      interacted: Z,
+      items: Z,
+      currentId: Z,
+      repeat: Z,
+      shuffle: Z,
       localStorageState: g.struct,
       isEmpty: g,
       canClear: g,
@@ -1326,29 +1326,29 @@ class ci {
       canAddSelectedItems: g,
       canPlaySelectedItemsNext: g,
       canRemoveSelectedItems: g,
-      setItems: h,
-      interact: h,
-      clear: h.bound,
-      unselectAll: h,
-      selectAll: h,
-      setCurrentItem: h,
-      setNextItems: h,
-      clearAndSetItems: h,
-      playNext: h,
-      playSelectedItemsNext: h.bound,
-      addItems: h,
-      addSelectedItems: h.bound,
-      playFirst: h,
-      moveItem: h,
-      goToFirst: h,
-      removeItems: h,
-      removeSelectedItems: h.bound,
-      removeOtherItems: h,
-      removeItemsAbove: h,
-      toggleRepeat: h.bound,
-      toggleShuffle: h.bound,
-      previous: h,
-      next: h.bound
+      setItems: m,
+      interact: m,
+      clear: m.bound,
+      unselectAll: m,
+      selectAll: m,
+      setCurrentItem: m,
+      setNextItems: m,
+      clearAndSetItems: m,
+      playNext: m,
+      playSelectedItemsNext: m.bound,
+      addItems: m,
+      addSelectedItems: m.bound,
+      playFirst: m,
+      moveItem: m,
+      goToFirst: m,
+      removeItems: m,
+      removeSelectedItems: m.bound,
+      removeOtherItems: m,
+      removeItemsAbove: m,
+      toggleRepeat: m.bound,
+      toggleShuffle: m.bound,
+      previous: m,
+      next: m.bound
     });
   }
   interacted = !1;
@@ -1377,8 +1377,8 @@ class ci {
     this.repeat = e.repeat ?? O.Off, this.shuffle = e.shuffle ?? !1, this.items = e.items?.map((r) => this.createItem(r)) ?? [], this.currentIndex = e.currentIndex;
   }
   validateLocalStorageState(e) {
-    return si(
-      li,
+    return sa(
+      ca,
       "PlayQueueDto"
     )(e);
   }
@@ -1495,20 +1495,20 @@ class ci {
     r !== void 0 && (this.interact(), this.items.splice(r, 0, ...e), this.currentIndex = r);
   }
   moveItem(e, r) {
-    const i = this.items.splice(this.items.indexOf(e), 1)[0];
-    this.items.splice(r, 0, i);
+    const a = this.items.splice(this.items.indexOf(e), 1)[0];
+    this.items.splice(r, 0, a);
   }
   async goToFirst() {
     this.currentIndex !== void 0 && (this.currentIndex = 0);
   }
   async removeItems(e) {
     const { currentItem: r } = this;
-    _t(this.items, ...e.filter((o) => o !== r));
-    const { currentIndex: i, isLastItem: a } = this;
-    _t(
+    At(this.items, ...e.filter((s) => s !== r));
+    const { currentIndex: a, isLastItem: i } = this;
+    At(
       this.items,
-      e.find((o) => o === r)
-    ), this.currentItem !== r && (this.interact(), a ? await this.goToFirst() : this.currentIndex = i);
+      e.find((s) => s === r)
+    ), this.currentItem !== r && (this.interact(), i ? await this.goToFirst() : this.currentIndex = a);
   }
   async removeSelectedItems() {
     await this.removeItems(this.selectedItemsOrAllItems), this.unselectAll();
@@ -1516,13 +1516,13 @@ class ci {
   async removeOtherItems(e) {
     const r = e.id;
     return this.removeItems(
-      this.items.filter((i) => i.id !== r)
+      this.items.filter((a) => a.id !== r)
     );
   }
   async removeItemsAbove(e) {
     const r = this.items.indexOf(e);
     return this.removeItems(
-      this.items.filter((i, a) => a < r)
+      this.items.filter((a, i) => i < r)
     );
   }
   toggleRepeat() {
@@ -1548,38 +1548,38 @@ class ci {
     this.currentIndex !== void 0 && this.hasNextItem && (this.interact(), this.currentIndex++);
   }
 }
-const ui = ({
+const da = ({
   children: t
 }) => {
   const [e] = $(
-    () => new ci(new We())
-  ), r = le();
+    () => new ua(new We())
+  ), r = ce();
   return Yt(() => Lr(
     () => e.currentItem,
-    async (i, a) => {
-      i === void 0 || a === void 0 || i.type === a.type && i.videoId === a.videoId && await r.setCurrentTime(0);
+    async (a, i) => {
+      a === void 0 || i === void 0 || a.type === i.type && a.videoId === i.videoId && await r.setCurrentTime(0);
     }
-  ), [e, r]), /* @__PURE__ */ s(or.Provider, { value: e, children: t });
-}, lr = Ue(void 0), cr = () => xe(lr);
-class di {
+  ), [e, r]), /* @__PURE__ */ o(lr.Provider, { value: e, children: t });
+}, cr = Ue(void 0), ur = () => Oe(cr);
+class fa {
   controller = Yr;
   playing = !1;
   percent = 0;
   seeking = !1;
   constructor(e) {
     e.makeObservable(this, {
-      controller: X,
-      playing: X,
-      percent: X,
-      seeking: X,
-      setPlaying: h,
-      setPercent: h,
-      setSeeking: h,
-      onControllerChange: h.bound,
-      onPlay: h.bound,
-      onPause: h.bound,
-      onEnded: h.bound,
-      onTimeUpdate: h.bound
+      controller: Z,
+      playing: Z,
+      percent: Z,
+      seeking: Z,
+      setPlaying: m,
+      setPercent: m,
+      setSeeking: m,
+      onControllerChange: m.bound,
+      onPlay: m.bound,
+      onPause: m.bound,
+      onEnded: m.bound,
+      onTimeUpdate: m.bound
     });
   }
   setPlaying(e) {
@@ -1607,17 +1607,17 @@ class di {
     e !== void 0 && (this.seeking || (this.percent = e));
   }
 }
-const fi = ({
+const pa = ({
   children: t
 }) => {
   const [e] = $(
-    () => new di(new We())
+    () => new fa(new We())
   );
-  return /* @__PURE__ */ s(lr.Provider, { value: e, children: t });
-}, ur = Ue(void 0), pi = () => xe(ur);
-class hi {
-  constructor(e, r, i) {
-    this.player = r, this.playQueue = i, e.makeObservable(this, {
+  return /* @__PURE__ */ o(cr.Provider, { value: e, children: t });
+}, dr = Ue(void 0), z = () => Oe(dr);
+class ma {
+  constructor(e, r, a) {
+    this.player = r, this.playQueue = a, e.makeObservable(this, {
       controller: g,
       playing: g,
       percent: g,
@@ -1634,17 +1634,17 @@ class hi {
       canSkipBack10: g,
       canSkipForward30: g,
       canRemoveFromPlayQueue: g,
-      setPercent: h.bound,
-      setSeeking: h.bound,
-      toggleRepeat: h.bound,
-      toggleShuffle: h.bound,
-      play: h.bound,
-      pause: h.bound,
-      previous: h.bound,
-      next: h.bound,
-      skipBack10: h.bound,
-      skipForward30: h.bound,
-      removeFromPlayQueue: h.bound
+      setPercent: m.bound,
+      setSeeking: m.bound,
+      toggleRepeat: m.bound,
+      toggleShuffle: m.bound,
+      play: m.bound,
+      pause: m.bound,
+      previous: m.bound,
+      next: m.bound,
+      skipBack10: m.bound,
+      skipForward30: m.bound,
+      removeFromPlayQueue: m.bound
     });
   }
   get controller() {
@@ -1735,31 +1735,29 @@ class hi {
     this.currentItem !== void 0 && await this.playQueue.removeItems([this.currentItem]);
   }
 }
-const yi = ({
+const ha = ({
   children: t
 }) => {
-  const e = cr(), r = Ge(), [i] = $(
-    () => new hi(
+  const e = ur(), r = Ge(), [a] = $(
+    () => new ma(
       new We(),
       e,
       r
     )
   );
-  return /* @__PURE__ */ s(ur.Provider, { value: i, children: t });
-}, dr = Ue(
-  void 0
-), mi = () => xe(dr);
-class vi {
-  constructor(e, r, i) {
-    this.player = r, this.playQueue = i, e.makeObservable(this, {
+  return /* @__PURE__ */ o(dr.Provider, { value: a, children: t });
+}, fr = Ue(void 0), ya = () => Oe(fr);
+class va {
+  constructor(e, r, a) {
+    this.player = r, this.playQueue = a, e.makeObservable(this, {
       controller: g,
       currentItem: g,
-      onLoaded: h.bound,
-      onPlay: h.bound,
-      onPause: h.bound,
-      onEnded: h.bound,
-      onTimeUpdate: h.bound,
-      onControllerChange: h.bound
+      onLoaded: m.bound,
+      onPlay: m.bound,
+      onPause: m.bound,
+      onEnded: m.bound,
+      onTimeUpdate: m.bound,
+      onControllerChange: m.bound
     });
   }
   get controller() {
@@ -1805,37 +1803,37 @@ class vi {
     this.player.onControllerChange(e);
   }
 }
-const gi = ({
+const ga = ({
   children: t
 }) => {
-  const e = cr(), r = Ge(), [i] = $(
-    () => new vi(
+  const e = ur(), r = Ge(), [a] = $(
+    () => new va(
       new We(),
       e,
       r
     )
   );
-  return /* @__PURE__ */ s(dr.Provider, { value: i, children: t });
-}, Da = ({
+  return /* @__PURE__ */ o(fr.Provider, { value: a, children: t });
+}, Di = ({
   children: t,
   nostalgicDivaProps: e
-}) => /* @__PURE__ */ s(Wr, { ...e, children: /* @__PURE__ */ s(
-  ai,
+}) => /* @__PURE__ */ o(Wr, { ...e, children: /* @__PURE__ */ o(
+  oa,
   {
     components: [
-      fi,
-      ui,
-      gi,
-      yi
+      pa,
+      da,
+      ga,
+      ha
     ],
     children: t
   }
-) }), Pi = {
+) }), ba = {
   mediaPlayer: {
     enablePlaylists: process.env.NODE_ENV !== "production"
   }
-}, bi = "http://localhost".replace(/\/+$/, "");
-class fr {
+}, Pa = "http://localhost".replace(/\/+$/, "");
+class pr {
   constructor(e = {}) {
     this.configuration = e;
   }
@@ -1843,7 +1841,7 @@ class fr {
     this.configuration = e;
   }
   get basePath() {
-    return this.configuration.basePath != null ? this.configuration.basePath : bi;
+    return this.configuration.basePath != null ? this.configuration.basePath : Pa;
   }
   get fetchApi() {
     return this.configuration.fetchApi;
@@ -1852,7 +1850,7 @@ class fr {
     return this.configuration.middleware || [];
   }
   get queryParamsStringify() {
-    return this.configuration.queryParamsStringify || pr;
+    return this.configuration.queryParamsStringify || mr;
   }
   get username() {
     return this.configuration.username;
@@ -1877,9 +1875,9 @@ class fr {
     return this.configuration.credentials;
   }
 }
-const wi = new fr();
-class mt {
-  constructor(e = wi) {
+const Sa = new pr();
+class vt {
+  constructor(e = Sa) {
     this.configuration = e, this.middleware = e.middleware;
   }
   static jsonRegex = new RegExp("^(:?application/json|[^;/ 	]+/[^;/ 	]+[+]json)[ 	]*(:?;.*)?$", "i");
@@ -1889,11 +1887,11 @@ class mt {
     return r.middleware = r.middleware.concat(...e), r;
   }
   withPreMiddleware(...e) {
-    const r = e.map((i) => ({ pre: i }));
+    const r = e.map((a) => ({ pre: a }));
     return this.withMiddleware(...r);
   }
   withPostMiddleware(...e) {
-    const r = e.map((i) => ({ post: i }));
+    const r = e.map((a) => ({ post: a }));
     return this.withMiddleware(...r);
   }
   /**
@@ -1907,69 +1905,69 @@ class mt {
    * @return True if the given MIME is JSON, false otherwise.
    */
   isJsonMime(e) {
-    return e ? mt.jsonRegex.test(e) : !1;
+    return e ? vt.jsonRegex.test(e) : !1;
   }
   async request(e, r) {
-    const { url: i, init: a } = await this.createFetchParams(e, r), o = await this.fetchApi(i, a);
-    if (o && o.status >= 200 && o.status < 300)
-      return o;
-    throw new Ri(o, "Response returned an error code");
+    const { url: a, init: i } = await this.createFetchParams(e, r), s = await this.fetchApi(a, i);
+    if (s && s.status >= 200 && s.status < 300)
+      return s;
+    throw new Ra(s, "Response returned an error code");
   }
   async createFetchParams(e, r) {
-    let i = this.configuration.basePath + e.path;
-    e.query !== void 0 && Object.keys(e.query).length !== 0 && (i += "?" + this.configuration.queryParamsStringify(e.query));
-    const a = Object.assign({}, this.configuration.headers, e.headers);
-    Object.keys(a).forEach((b) => a[b] === void 0 ? delete a[b] : {});
-    const o = typeof r == "function" ? r : async () => r, c = {
+    let a = this.configuration.basePath + e.path;
+    e.query !== void 0 && Object.keys(e.query).length !== 0 && (a += "?" + this.configuration.queryParamsStringify(e.query));
+    const i = Object.assign({}, this.configuration.headers, e.headers);
+    Object.keys(i).forEach((P) => i[P] === void 0 ? delete i[P] : {});
+    const s = typeof r == "function" ? r : async () => r, c = {
       method: e.method,
-      headers: a,
+      headers: i,
       body: e.body,
       credentials: this.configuration.credentials
     }, f = {
       ...c,
-      ...await o({
+      ...await s({
         init: c,
         context: e
       })
     };
     let p;
-    Ti(f.body) || f.body instanceof URLSearchParams || Si(f.body) ? p = f.body : this.isJsonMime(a["Content-Type"]) ? p = JSON.stringify(f.body) : p = f.body;
-    const m = {
+    Ta(f.body) || f.body instanceof URLSearchParams || wa(f.body) ? p = f.body : this.isJsonMime(i["Content-Type"]) ? p = JSON.stringify(f.body) : p = f.body;
+    const y = {
       ...f,
       body: p
     };
-    return { url: i, init: m };
+    return { url: a, init: y };
   }
   fetchApi = async (e, r) => {
-    let i = { url: e, init: r };
-    for (const o of this.middleware)
-      o.pre && (i = await o.pre({
+    let a = { url: e, init: r };
+    for (const s of this.middleware)
+      s.pre && (a = await s.pre({
         fetch: this.fetchApi,
-        ...i
-      }) || i);
-    let a;
+        ...a
+      }) || a);
+    let i;
     try {
-      a = await (this.configuration.fetchApi || fetch)(i.url, i.init);
-    } catch (o) {
+      i = await (this.configuration.fetchApi || fetch)(a.url, a.init);
+    } catch (s) {
       for (const c of this.middleware)
-        c.onError && (a = await c.onError({
+        c.onError && (i = await c.onError({
           fetch: this.fetchApi,
-          url: i.url,
-          init: i.init,
-          error: o,
-          response: a ? a.clone() : void 0
-        }) || a);
-      if (a === void 0)
-        throw o instanceof Error ? new Ci(o, "The request failed and the interceptors did not return an alternative response") : o;
-    }
-    for (const o of this.middleware)
-      o.post && (a = await o.post({
+          url: a.url,
+          init: a.init,
+          error: s,
+          response: i ? i.clone() : void 0
+        }) || i);
+      if (i === void 0)
+        throw s instanceof Error ? new Ca(s, "The request failed and the interceptors did not return an alternative response") : s;
+    }
+    for (const s of this.middleware)
+      s.post && (i = await s.post({
         fetch: this.fetchApi,
-        url: i.url,
-        init: i.init,
-        response: a.clone()
-      }) || a);
-    return a;
+        url: a.url,
+        init: a.init,
+        response: i.clone()
+      }) || i);
+    return i;
   };
   /**
    * Create a shallow clone of `this` by constructing a new instance
@@ -1980,47 +1978,47 @@ class mt {
     return r.middleware = this.middleware.slice(), r;
   }
 }
-function Si(t) {
+function wa(t) {
   return typeof Blob < "u" && t instanceof Blob;
 }
-function Ti(t) {
+function Ta(t) {
   return typeof FormData < "u" && t instanceof FormData;
 }
-class Ri extends Error {
+class Ra extends Error {
   constructor(e, r) {
     super(r), this.response = e;
   }
   name = "ResponseError";
 }
-class Ci extends Error {
+class Ca extends Error {
   constructor(e, r) {
     super(r), this.cause = e;
   }
   name = "FetchError";
 }
-class Re extends Error {
+class Ce extends Error {
   constructor(e, r) {
     super(r), this.field = e;
   }
   name = "RequiredError";
 }
-function pr(t, e = "") {
+function mr(t, e = "") {
   return Object.keys(t).map((r) => hr(r, t[r], e)).filter((r) => r.length > 0).join("&");
 }
 function hr(t, e, r = "") {
-  const i = r + (r.length ? `[${t}]` : t);
+  const a = r + (r.length ? `[${t}]` : t);
   if (e instanceof Array) {
-    const a = e.map((o) => encodeURIComponent(String(o))).join(`&${encodeURIComponent(i)}=`);
-    return `${encodeURIComponent(i)}=${a}`;
+    const i = e.map((s) => encodeURIComponent(String(s))).join(`&${encodeURIComponent(a)}=`);
+    return `${encodeURIComponent(a)}=${i}`;
   }
   if (e instanceof Set) {
-    const a = Array.from(e);
-    return hr(t, a, r);
+    const i = Array.from(e);
+    return hr(t, i, r);
   }
-  return e instanceof Date ? `${encodeURIComponent(i)}=${encodeURIComponent(e.toISOString())}` : e instanceof Object ? pr(e, i) : `${encodeURIComponent(i)}=${encodeURIComponent(String(e))}`;
+  return e instanceof Date ? `${encodeURIComponent(a)}=${encodeURIComponent(e.toISOString())}` : e instanceof Object ? mr(e, a) : `${encodeURIComponent(a)}=${encodeURIComponent(String(e))}`;
 }
 class se {
-  constructor(e, r = (i) => i) {
+  constructor(e, r = (a) => a) {
     this.raw = e, this.transformer = r;
   }
   async value() {
@@ -2028,34 +2026,34 @@ class se {
   }
 }
 function yr(t) {
-  return Ei(t);
+  return Ea(t);
 }
-function Ei(t, e) {
+function Ea(t, e) {
   return t == null ? t : {
     id: t.id,
     name: t.name
   };
 }
-function Ii(t) {
-  return xi(t);
+function Ia(t) {
+  return xa(t);
 }
-function xi(t, e) {
+function xa(t, e) {
   return t == null ? t : {
     playlist: yr(t.playlist)
   };
 }
-function Oi(t) {
-  return ki(t);
+function Oa(t) {
+  return ka(t);
 }
-function ki(t, e) {
+function ka(t, e) {
   return t == null ? t : {
     items: t.items.map(yr)
   };
 }
-function _i(t) {
-  return Ai(t);
+function _a(t) {
+  return Aa(t);
 }
-function Ai(t, e) {
+function Aa(t, e) {
   return t == null ? t : {
     id: t.id,
     url: t.url,
@@ -2064,41 +2062,41 @@ function Ai(t, e) {
     title: t.title
   };
 }
-function Fi(t) {
-  return Mi(t);
+function Fa(t) {
+  return Ma(t);
 }
-function Mi(t, e) {
+function Ma(t, e) {
   return t == null ? t : {
-    items: t.items.map(_i)
+    items: t.items.map(_a)
   };
 }
-function Di(t) {
-  return Ni(t, !1);
+function Da(t) {
+  return Na(t, !1);
 }
-function Ni(t, e = !1) {
+function Na(t, e = !1) {
   return t == null ? t : {
     name: t.name
   };
 }
-function $i(t) {
-  return ji(t, !1);
+function $a(t) {
+  return Ba(t, !1);
 }
-function ji(t, e = !1) {
+function Ba(t, e = !1) {
   return t == null ? t : {
     name: t.name
   };
 }
-class zi extends mt {
+class ja extends vt {
   /**
    */
   async mediaPlayerPlaylistsGetRaw(e) {
-    const r = {}, i = {}, o = await this.request({
+    const r = {}, a = {}, s = await this.request({
       path: "/media-player/playlists",
       method: "GET",
-      headers: i,
+      headers: a,
       query: r
     }, e);
-    return new se(o, (c) => Oi(c));
+    return new se(s, (c) => Oa(c));
   }
   /**
    */
@@ -2109,18 +2107,18 @@ class zi extends mt {
    */
   async mediaPlayerPlaylistsIdDeleteRaw(e, r) {
     if (e.id == null)
-      throw new Re(
+      throw new Ce(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdDelete().'
       );
-    const i = {}, a = {};
-    let o = "/media-player/playlists/{id}";
-    o = o.replace("{id}", encodeURIComponent(String(e.id)));
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
     const c = await this.request({
-      path: o,
+      path: s,
       method: "DELETE",
-      headers: a,
-      query: i
+      headers: i,
+      query: a
     }, r);
     return new se(c);
   }
@@ -2133,20 +2131,20 @@ class zi extends mt {
    */
   async mediaPlayerPlaylistsIdGetRaw(e, r) {
     if (e.id == null)
-      throw new Re(
+      throw new Ce(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdGet().'
       );
-    const i = {}, a = {};
-    let o = "/media-player/playlists/{id}";
-    o = o.replace("{id}", encodeURIComponent(String(e.id)));
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
     const c = await this.request({
-      path: o,
+      path: s,
       method: "GET",
-      headers: a,
-      query: i
+      headers: i,
+      query: a
     }, r);
-    return new se(c, (f) => Ii(f));
+    return new se(c, (f) => Ia(f));
   }
   /**
    */
@@ -2157,20 +2155,20 @@ class zi extends mt {
    */
   async mediaPlayerPlaylistsIdRenamePostRaw(e, r) {
     if (e.id == null)
-      throw new Re(
+      throw new Ce(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdRenamePost().'
       );
-    const i = {}, a = {};
-    a["Content-Type"] = "application/json";
-    let o = "/media-player/playlists/{id}:rename";
-    o = o.replace("{id}", encodeURIComponent(String(e.id)));
+    const a = {}, i = {};
+    i["Content-Type"] = "application/json";
+    let s = "/media-player/playlists/{id}:rename";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
     const c = await this.request({
-      path: o,
+      path: s,
       method: "POST",
-      headers: a,
-      query: i,
-      body: $i(e.hydrangeanDivaMediaPlayerEndpointsPlaylistsRenamePlaylistRequest)
+      headers: i,
+      query: a,
+      body: $a(e.hydrangeanDivaMediaPlayerEndpointsPlaylistsRenamePlaylistRequest)
     }, r);
     return new se(c);
   }
@@ -2183,20 +2181,20 @@ class zi extends mt {
    */
   async mediaPlayerPlaylistsIdTracksGetRaw(e, r) {
     if (e.id == null)
-      throw new Re(
+      throw new Ce(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksGet().'
       );
-    const i = {}, a = {};
-    let o = "/media-player/playlists/{id}/tracks";
-    o = o.replace("{id}", encodeURIComponent(String(e.id)));
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}/tracks";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
     const c = await this.request({
-      path: o,
+      path: s,
       method: "GET",
-      headers: a,
-      query: i
+      headers: i,
+      query: a
     }, r);
-    return new se(c, (f) => Fi(f));
+    return new se(c, (f) => Fa(f));
   }
   /**
    */
@@ -2207,18 +2205,18 @@ class zi extends mt {
    */
   async mediaPlayerPlaylistsIdTracksPutRaw(e, r) {
     if (e.id == null)
-      throw new Re(
+      throw new Ce(
         "id",
         'Required parameter "id" was null or undefined when calling mediaPlayerPlaylistsIdTracksPut().'
       );
-    const i = {}, a = {};
-    let o = "/media-player/playlists/{id}/tracks";
-    o = o.replace("{id}", encodeURIComponent(String(e.id)));
+    const a = {}, i = {};
+    let s = "/media-player/playlists/{id}/tracks";
+    s = s.replace("{id}", encodeURIComponent(String(e.id)));
     const c = await this.request({
-      path: o,
+      path: s,
       method: "PUT",
-      headers: a,
-      query: i
+      headers: i,
+      query: a
     }, r);
     return new se(c);
   }
@@ -2230,14 +2228,14 @@ class zi extends mt {
   /**
    */
   async mediaPlayerPlaylistsPostRaw(e, r) {
-    const i = {}, a = {};
-    a["Content-Type"] = "application/json";
+    const a = {}, i = {};
+    i["Content-Type"] = "application/json";
     const c = await this.request({
       path: "/media-player/playlists",
       method: "POST",
-      headers: a,
-      query: i,
-      body: Di(e.hydrangeanDivaMediaPlayerEndpointsPlaylistsCreatePlaylistRequest)
+      headers: i,
+      query: a,
+      body: Da(e.hydrangeanDivaMediaPlayerEndpointsPlaylistsCreatePlaylistRequest)
     }, r);
     return new se(c);
   }
@@ -2247,157 +2245,157 @@ class zi extends mt {
     return await (await this.mediaPlayerPlaylistsPostRaw(e, r)).value();
   }
 }
-const Li = new fr({
+const za = new pr({
   basePath: new URL("api", window.location.origin).toString()
-}), qi = new zi(
-  Li
-), Qi = ({
+}), La = new ja(
+  za
+), qa = ({
   disabled: t,
   onAddToPlaylist: e
 }) => {
-  const [r, i] = $(!1), [a, o] = $(
+  const [r, a] = $(!1), [i, s] = $(
     "loading"
   );
   return Yt(() => {
-    qi.mediaPlayerPlaylistsGet().then(
-      (c) => o(
+    La.mediaPlayerPlaylistsGet().then(
+      (c) => s(
         c.items.map((f) => ({
           key: f.id,
           label: f.name
         }))
       )
     );
-  }, []), /* @__PURE__ */ s(
-    Oe,
+  }, []), /* @__PURE__ */ o(
+    ke,
     {
       panelPaddingSize: "none",
-      button: /* @__PURE__ */ s(
+      button: /* @__PURE__ */ o(
         J,
         {
-          iconType: Ce,
-          onClick: () => i(!r),
+          iconType: Ee,
+          onClick: () => a(!r),
           disabled: t,
           children: "Add to"
         }
       ),
       isOpen: r,
-      closePopover: () => i(!1),
-      children: /* @__PURE__ */ s(
+      closePopover: () => a(!1),
+      children: /* @__PURE__ */ o(
         Jr,
         {
           searchable: !0,
           searchProps: {
             compressed: !0
           },
-          options: a === "loading" ? void 0 : a,
-          isLoading: a === "loading",
+          options: i === "loading" ? void 0 : i,
+          isLoading: i === "loading",
           onChange: async (c, f, p) => {
-            i(!1), await e(p);
+            a(!1), await e(p);
           },
           singleSelection: !0,
           children: (c, f) => /* @__PURE__ */ D("div", { style: { width: 240 }, children: [
-            /* @__PURE__ */ s(Br, { paddingSize: "s", children: f }),
+            /* @__PURE__ */ o(Kr, { paddingSize: "s", children: f }),
             c,
-            /* @__PURE__ */ s(Kr, { paddingSize: "s", children: /* @__PURE__ */ s(J, { size: "s", fullWidth: !0, iconType: Ce, children: "New playlist" }) })
+            /* @__PURE__ */ o(Xr, { paddingSize: "s", children: /* @__PURE__ */ o(J, { size: "s", fullWidth: !0, iconType: Ee, children: "New playlist" }) })
           ] })
         }
       )
     }
   );
-}, Vi = ({
+}, Qa = ({
   onCancel: t,
   onSave: e
 }) => {
-  const r = Xr({ prefix: "modalForm" }), [i, a] = $(""), [o, c] = $(""), [f, p] = $(!1);
-  return /* @__PURE__ */ D(an, { onClose: t, initialFocus: "[name=url]", children: [
-    /* @__PURE__ */ s(en, { children: /* @__PURE__ */ s(Zr, { children: "Add video" }) }),
-    /* @__PURE__ */ s(rn, { children: /* @__PURE__ */ D(
-      tn,
+  const r = Zr({ prefix: "modalForm" }), [a, i] = $(""), [s, c] = $(""), [f, p] = $(!1);
+  return /* @__PURE__ */ D(on, { onClose: t, initialFocus: "[name=url]", children: [
+    /* @__PURE__ */ o(tn, { children: /* @__PURE__ */ o(en, { children: "Add video" }) }),
+    /* @__PURE__ */ o(nn, { children: /* @__PURE__ */ D(
+      rn,
       {
         id: r,
         component: "form",
-        onSubmit: async (m) => {
-          m.preventDefault();
+        onSubmit: async (y) => {
+          y.preventDefault();
           try {
-            p(!0), await e({ url: i, title: o });
+            p(!0), await e({ url: a, title: s });
           } finally {
             p(!1);
           }
         },
         children: [
-          /* @__PURE__ */ s(ct, { label: "URL", children: /* @__PURE__ */ s(
-            At,
+          /* @__PURE__ */ o(ut, { label: "URL", children: /* @__PURE__ */ o(
+            Ft,
             {
               name: "url",
-              value: i,
-              onChange: (m) => a(m.target.value)
+              value: a,
+              onChange: (y) => i(y.target.value)
             }
           ) }),
-          /* @__PURE__ */ s(ct, { label: "Title", children: /* @__PURE__ */ s(
-            At,
+          /* @__PURE__ */ o(ut, { label: "Title", children: /* @__PURE__ */ o(
+            Ft,
             {
               name: "title",
-              value: o,
-              onChange: (m) => c(m.target.value)
+              value: s,
+              onChange: (y) => c(y.target.value)
             }
           ) })
         ]
       }
     ) }),
-    /* @__PURE__ */ D(nn, { children: [
-      /* @__PURE__ */ s(Wt, { onClick: t, children: "Cancel" }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ D(an, { children: [
+      /* @__PURE__ */ o(Wt, { onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ o(
         J,
         {
           type: "submit",
           form: r,
           fill: !0,
-          disabled: i.trim().length === 0,
+          disabled: a.trim().length === 0,
           isLoading: f,
           children: "Add video"
         }
       )
     ] })
   ] });
-}, Vt = re(
+}, Vt = ne(
   ({ onSave: t }) => {
-    const [e, r] = $(!1), i = j(
-      async (a) => {
-        await t(a), r(!1);
+    const [e, r] = $(!1), a = B(
+      async (i) => {
+        await t(i), r(!1);
       },
       [t]
     );
-    return /* @__PURE__ */ D(ke, { children: [
-      /* @__PURE__ */ s(
+    return /* @__PURE__ */ D(_e, { children: [
+      /* @__PURE__ */ o(
         J,
         {
           onClick: () => r(!0),
-          iconType: Ce,
+          iconType: Ee,
           color: "primary",
           children: "Add video"
         }
       ),
-      e && /* @__PURE__ */ s(
-        Vi,
+      e && /* @__PURE__ */ o(
+        Qa,
         {
           onCancel: () => r(!1),
-          onSave: i
+          onSave: a
         }
       )
     ] });
   }
 );
 I(
-  ({ playQueueStore: t }) => {
+  ({ playQueue: t }) => {
     const [e, r] = $(!1);
-    return /* @__PURE__ */ D(ke, { children: [
-      e && /* @__PURE__ */ s(
-        on,
+    return /* @__PURE__ */ D(_e, { children: [
+      e && /* @__PURE__ */ o(
+        ln,
         {
           type: "push",
           size: "s",
           onClose: () => r(!1),
-          children: /* @__PURE__ */ s("div", { style: { blockSize: "100%" }, children: /* @__PURE__ */ s(
+          children: /* @__PURE__ */ o("div", { style: { blockSize: "100%" }, children: /* @__PURE__ */ o(
             sn,
             {
               language: "json",
@@ -2413,18 +2411,18 @@ I(
           ) })
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         J,
         {
-          onClick: () => r((i) => !i),
-          iconType: mn,
+          onClick: () => r((a) => !a),
+          iconType: vn,
           children: "Developer tools"
         }
       )
     ] });
   }
 );
-const mr = {
+const vr = {
   Audio: "",
   Dailymotion: "https://www.dailymotion.com/favicon.ico",
   Niconico: "https://www.nicovideo.jp/favicon.ico",
@@ -2432,11 +2430,11 @@ const mr = {
   Twitch: "https://www.twitch.tv/favicon.ico",
   Vimeo: "https://vimeo.com/favicon.ico",
   YouTube: "https://www.youtube.com/favicon.ico"
-}, Ui = I(
-  ({ playQueueStore: t }) => {
+}, Va = I(
+  ({ playQueue: t }) => {
     const { euiTheme: e } = Ht();
     return /* @__PURE__ */ D(
-      cn,
+      un,
       {
         style: {
           position: "sticky",
@@ -2445,7 +2443,7 @@ const mr = {
           background: e.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ s(ln, { children: /* @__PURE__ */ s(
+          /* @__PURE__ */ o(cn, { children: /* @__PURE__ */ o(
             Gt,
             {
               id: "",
@@ -2455,14 +2453,14 @@ const mr = {
               }
             }
           ) }),
-          /* @__PURE__ */ s(at, { width: 24 }),
-          /* @__PURE__ */ s(at, { children: "Title" }),
-          /* @__PURE__ */ s(at, {})
+          /* @__PURE__ */ o(ot, { width: 24 }),
+          /* @__PURE__ */ o(ot, { children: "Title" }),
+          /* @__PURE__ */ o(ot, {})
         ]
       }
     );
   }
-), Yi = re(
+), Ua = ne(
   ({
     item: t,
     closePopover: e
@@ -2474,21 +2472,21 @@ const mr = {
           items: [
             {
               name: "Play first",
-              icon: /* @__PURE__ */ s(U, { type: "" }),
+              icon: /* @__PURE__ */ o(U, { type: "" }),
               onClick: async () => {
                 e(), await t.playFirst();
               }
             },
             {
               name: "Play next",
-              icon: /* @__PURE__ */ s(U, { type: "" }),
+              icon: /* @__PURE__ */ o(U, { type: "" }),
               onClick: async () => {
                 e(), await t.playNext();
               }
             },
             {
               name: "Add to play queue",
-              icon: /* @__PURE__ */ s(U, { type: Ce }),
+              icon: /* @__PURE__ */ o(U, { type: Ee }),
               onClick: async () => {
                 e(), await t.addToPlayQueue();
               }
@@ -2498,7 +2496,7 @@ const mr = {
             },
             {
               name: "Move to the top",
-              icon: /* @__PURE__ */ s(U, { type: vn }),
+              icon: /* @__PURE__ */ o(U, { type: gn }),
               onClick: async () => {
                 e(), t.moveToTop();
               },
@@ -2506,7 +2504,7 @@ const mr = {
             },
             {
               name: "Move to the bottom",
-              icon: /* @__PURE__ */ s(U, { type: gn }),
+              icon: /* @__PURE__ */ o(U, { type: bn }),
               onClick: async () => {
                 e(), t.moveToBottom();
               },
@@ -2517,7 +2515,7 @@ const mr = {
             },
             {
               name: "Remove to the top",
-              icon: /* @__PURE__ */ s(U, { type: "" }),
+              icon: /* @__PURE__ */ o(U, { type: "" }),
               onClick: async () => {
                 e(), await t.removeToTop();
               },
@@ -2525,7 +2523,7 @@ const mr = {
             },
             {
               name: "Remove others",
-              icon: /* @__PURE__ */ s(U, { type: "" }),
+              icon: /* @__PURE__ */ o(U, { type: "" }),
               onClick: async () => {
                 e(), await t.removeOthers();
               },
@@ -2536,44 +2534,44 @@ const mr = {
       ],
       [e, t]
     );
-    return /* @__PURE__ */ s(pt, { initialPanelId: 0, panels: r });
+    return /* @__PURE__ */ o(mt, { initialPanelId: 0, panels: r });
   }
-), Wi = re(
+), Ya = ne(
   ({ item: t }) => {
-    const [e, r] = $(!1), i = j(() => r(!e), [e]), a = j(() => r(!1), []);
-    return /* @__PURE__ */ s(
-      Oe,
+    const [e, r] = $(!1), a = B(() => r(!e), [e]), i = B(() => r(!1), []);
+    return /* @__PURE__ */ o(
+      ke,
       {
-        button: /* @__PURE__ */ s(
+        button: /* @__PURE__ */ o(
           Y,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: Kt,
+            iconType: Xt,
             size: "s",
             color: "text",
-            onClick: i
+            onClick: a
           }
         ),
         isOpen: e,
-        closePopover: a,
+        closePopover: i,
         panelPaddingSize: "none",
         anchorPosition: "leftCenter",
-        children: /* @__PURE__ */ s(
-          Yi,
+        children: /* @__PURE__ */ o(
+          Ua,
           {
             item: t,
-            closePopover: a
+            closePopover: i
           }
         )
       }
     );
   }
-), Hi = I(
+), Wa = I(
   ({ item: t }) => {
-    const e = le();
-    return /* @__PURE__ */ D(ut, { textOnly: !1, hasActions: !0, align: "right", children: [
-      /* @__PURE__ */ s(
+    const e = ce();
+    return /* @__PURE__ */ D(dt, { textOnly: !1, hasActions: !0, align: "right", children: [
+      /* @__PURE__ */ o(
         J,
         {
           iconType: Pn,
@@ -2584,7 +2582,7 @@ const mr = {
           children: "Play"
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         J,
         {
           iconType: yt,
@@ -2593,14 +2591,14 @@ const mr = {
           children: "Remove"
         }
       ),
-      /* @__PURE__ */ s(Wi, { item: t })
+      /* @__PURE__ */ o(Ya, { item: t })
     ] });
   }
-), Gi = I(
+), Ha = I(
   ({ item: t }) => {
-    const e = le();
-    return /* @__PURE__ */ D(fn, { isSelected: t.isCurrent, children: [
-      /* @__PURE__ */ s(un, { children: /* @__PURE__ */ s(
+    const e = ce();
+    return /* @__PURE__ */ D(pn, { isSelected: t.isCurrent, children: [
+      /* @__PURE__ */ o(dn, { children: /* @__PURE__ */ o(
         Gt,
         {
           id: t.id.toString(),
@@ -2608,17 +2606,17 @@ const mr = {
           onChange: t.toggleSelected
         }
       ) }),
-      /* @__PURE__ */ s(ut, { textOnly: !1, children: /* @__PURE__ */ s(
+      /* @__PURE__ */ o(dt, { textOnly: !1, children: /* @__PURE__ */ o(
         "img",
         {
-          src: mr[t.type],
+          src: vr[t.type],
           width: 16,
           height: 16,
           alt: t.type
         }
       ) }),
-      /* @__PURE__ */ s(ut, { children: /* @__PURE__ */ s(
-        dn,
+      /* @__PURE__ */ o(dt, { children: /* @__PURE__ */ o(
+        fn,
         {
           href: t.url,
           target: "_blank",
@@ -2627,66 +2625,66 @@ const mr = {
           children: t.title
         }
       ) }),
-      /* @__PURE__ */ s(Hi, { item: t })
+      /* @__PURE__ */ o(Wa, { item: t })
     ] }, t.id);
   }
-), Ji = I(
-  ({ playQueueStore: t }) => /* @__PURE__ */ s(
-    Fn,
+), Ga = I(
+  ({ playQueue: t }) => /* @__PURE__ */ o(
+    Mn,
     {
       tag: "tbody",
       list: t.items,
       setList: (e) => t.setItems(e),
-      children: t.items.map((e) => /* @__PURE__ */ s(Gi, { item: e }, e.id))
+      children: t.items.map((e) => /* @__PURE__ */ o(Ha, { item: e }, e.id))
     }
   )
-), Bi = I(
-  ({ playQueueStore: t }) => /* @__PURE__ */ D(pn, { children: [
-    /* @__PURE__ */ s(Ui, { playQueueStore: t }),
-    /* @__PURE__ */ s(Ji, { playQueueStore: t })
+), Ja = I(
+  ({ playQueue: t }) => /* @__PURE__ */ D(mn, { children: [
+    /* @__PURE__ */ o(Va, { playQueue: t }),
+    /* @__PURE__ */ o(Ga, { playQueue: t })
   ] })
 );
-function Ki(t) {
+function Ka(t) {
   return t !== null && typeof t == "object" && "title" in t && typeof t.title == "string";
 }
-const Xi = I(
-  ({ playQueueStore: t }) => /* @__PURE__ */ s(
+const Xa = I(
+  ({ playQueue: t }) => /* @__PURE__ */ o(
     J,
     {
-      iconType: Ce,
+      iconType: Ee,
       onClick: t.addSelectedItems,
       disabled: !t.canAddSelectedItems,
       children: "Add to play queue"
     }
   )
-), Zi = I(
-  ({ playQueueStore: t }) => {
-    const { euiTheme: e } = Ht(), r = j(async () => {
-    }, []), i = j(
-      async (a) => {
-        const o = Hr(a.url);
-        if (o === void 0)
+), Za = I(
+  ({ playQueue: t }) => {
+    const { euiTheme: e } = Ht(), r = B(async () => {
+    }, []), a = B(
+      async (i) => {
+        const s = Hr(i.url);
+        if (s === void 0)
           return;
-        const c = o.extractVideoId(a.url);
+        const c = s.extractVideoId(i.url);
         if (c === void 0)
           return;
         const p = await (await fetch(
           `https://noembed.com/embed?url=${encodeURIComponent(
-            a.url
+            i.url
           )}`
-        )).json(), m = t.createItem({
-          url: a.url,
-          type: o.type,
+        )).json(), y = t.createItem({
+          url: i.url,
+          type: s.type,
           videoId: c,
-          title: a.title || (Ki(p) ? p.title : c)
+          title: i.title || (Ka(p) ? p.title : c)
         });
-        await t.addItems([m]);
+        await t.addItems([y]);
       },
       [t]
     );
-    return /* @__PURE__ */ D(ke, { children: [
+    return /* @__PURE__ */ D(_e, { children: [
       /* @__PURE__ */ D(
-        oe,
+        le,
         {
           alignItems: "center",
           gutterSize: "m",
@@ -2697,7 +2695,7 @@ const Xi = I(
             background: e.colors.backgroundBasePlain
           },
           children: [
-            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
               J,
               {
                 disabled: !t.canPlaySelectedItemsNext,
@@ -2705,15 +2703,15 @@ const Xi = I(
                 children: "Play next"
               }
             ) }),
-            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(Xi, { playQueueStore: t }) }),
-            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
-              Qi,
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(Xa, { playQueue: t }) }),
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
+              qa,
               {
-                disabled: !Pi.mediaPlayer.enablePlaylists,
+                disabled: !ba.mediaPlayer.enablePlaylists,
                 onAddToPlaylist: r
               }
             ) }),
-            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
               J,
               {
                 iconType: yt,
@@ -2722,24 +2720,24 @@ const Xi = I(
                 children: "Remove"
               }
             ) }),
-            /* @__PURE__ */ s(G, { grow: !1, children: /* @__PURE__ */ s(
+            /* @__PURE__ */ o(G, { grow: !1, children: /* @__PURE__ */ o(
               J,
               {
-                iconType: bn,
+                iconType: Sn,
                 onClick: t.clear,
                 disabled: !t.canClear,
                 children: "Clear"
               }
             ) }),
-            /* @__PURE__ */ s(G, { grow: !0 }),
+            /* @__PURE__ */ o(G, { grow: !0 }),
             /* @__PURE__ */ D(G, { grow: !1, children: [
               !1,
-              /* @__PURE__ */ s(Vt, { onSave: i })
+              /* @__PURE__ */ o(Vt, { onSave: a })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ o(
         Jt,
         {
           size: "l",
@@ -2751,204 +2749,213 @@ const Xi = I(
           }
         }
       ),
-      t.isEmpty ? /* @__PURE__ */ s(
+      t.isEmpty ? /* @__PURE__ */ o(
         hn,
         {
-          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(Vt, { onSave: i })
+          title: /* @__PURE__ */ o("h2", { children: "We couldn't find any videos" }),
+          body: /* @__PURE__ */ o("p", { children: "Your video library doesn't contain any video content." }),
+          actions: /* @__PURE__ */ o(Vt, { onSave: a })
         }
-      ) : /* @__PURE__ */ s(Bi, { playQueueStore: t })
+      ) : /* @__PURE__ */ o(Ja, { playQueue: t })
     ] });
   }
-), ea = ({
+), ei = ({
   breadcrumbs: t,
   tabs: e,
   ...r
 }) => {
-  const i = Mn();
-  return /* @__PURE__ */ s(
+  const a = Dn();
+  return /* @__PURE__ */ o(
     ht.Header,
     {
       ...r,
-      breadcrumbs: t?.map(({ linkProps: a, ...o }) => ({
-        ...o,
-        href: a === void 0 ? void 0 : i.buildLocation(
-          a
+      breadcrumbs: t?.map(({ linkProps: i, ...s }) => ({
+        ...s,
+        href: i === void 0 ? void 0 : a.buildLocation(
+          i
           /* FIXME */
         ).href,
-        onClick: a === void 0 ? void 0 : async (c) => {
-          c.preventDefault(), await i.navigate(a);
+        onClick: i === void 0 ? void 0 : async (c) => {
+          c.preventDefault(), await a.navigate(i);
         }
       })),
-      tabs: e?.map(({ linkProps: a, ...o }) => ({
-        ...o,
-        href: a === void 0 ? void 0 : i.buildLocation(
-          a
+      tabs: e?.map(({ linkProps: i, ...s }) => ({
+        ...s,
+        href: i === void 0 ? void 0 : a.buildLocation(
+          i
           /* FIXME */
         ).href,
-        onClick: a === void 0 ? void 0 : async (c) => {
-          c.preventDefault(), await i.navigate(a);
+        onClick: i === void 0 ? void 0 : async (c) => {
+          c.preventDefault(), await a.navigate(i);
         }
       }))
     }
   );
-}, Na = () => {
+}, Ni = () => {
   const t = Ge();
-  return /* @__PURE__ */ D(ke, { children: [
-    /* @__PURE__ */ s(
-      ea,
+  return /* @__PURE__ */ D(_e, { children: [
+    /* @__PURE__ */ o(
+      ei,
       {
         pageTitle: "Play queue",
         rightSideItems: []
       }
     ),
-    /* @__PURE__ */ s(ht.Section, { children: /* @__PURE__ */ s(Zi, { playQueueStore: t }) })
+    /* @__PURE__ */ o(ht.Section, { children: /* @__PURE__ */ o(Za, { playQueue: t }) })
   ] });
-}, ta = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+}, ti = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: `Shuffle: ${t.shuffle ? "On" : "Off"}`,
       "aria-label": `Shuffle: ${t.shuffle ? "On" : "Off"}`,
-      iconType: t.shuffle ? wn : Sn,
+      iconType: t.shuffle ? wn : Tn,
       size: "s",
       iconSize: "l",
       onClick: t.toggleShuffle,
       disabled: !t.canToggleShuffle
     }
-  )
-), ra = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), ri = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Previous",
       "aria-label": "Previous",
-      iconType: Tn,
+      iconType: Rn,
       size: "s",
       iconSize: "l",
       onClick: t.previous,
       disabled: !t.canPrevious
     }
-  )
-), na = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), ni = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Skip back 10 seconds",
       "aria-label": "Skip back 10 seconds",
-      iconType: Xt,
+      iconType: Zt,
       size: "s",
       iconSize: "l",
       onClick: t.skipBack10,
       disabled: !t.canSkipBack10
     }
-  )
-), ia = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), ai = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Pause",
       "aria-label": "Pause",
-      iconType: Rn,
+      iconType: Cn,
       size: "s",
       iconSize: "l",
       onClick: t.pause,
       disabled: !t.canPause
     }
-  )
-), aa = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), ii = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Play",
       "aria-label": "Play",
-      iconType: Cn,
+      iconType: En,
       size: "s",
       iconSize: "l",
       onClick: t.play,
       disabled: !t.canPlay
     }
-  )
-), sa = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), oi = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Skip forward 30 seconds",
       "aria-label": "Skip forward 30 seconds",
-      iconType: Zt,
+      iconType: er,
       size: "s",
       iconSize: "l",
       onClick: t.skipForward30,
       disabled: !t.canSkipForward30
     }
-  )
-), oa = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), si = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Next",
       "aria-label": "Next",
-      iconType: En,
+      iconType: In,
       size: "s",
       iconSize: "l",
       onClick: t.next,
       disabled: !t.canNext
     }
-  )
-), la = {
-  [O.Off]: On,
-  [O.All]: xn,
-  [O.One]: In
-}, ca = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), li = {
+  [O.Off]: kn,
+  [O.All]: On,
+  [O.One]: xn
+}, ci = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: `Repeat: ${t.repeat === O.All ? "All" : t.repeat === O.One ? "One" : "Off"}`,
       "aria-label": `Repeat: ${t.repeat === O.All ? "All" : t.repeat === O.One ? "One" : "Off"}`,
-      iconType: la[t.repeat],
+      iconType: li[t.repeat],
       size: "s",
       iconSize: "l",
       onClick: t.toggleRepeat,
       disabled: !t.canToggleRepeat
     }
-  )
-), ua = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ D(
-    oe,
+  );
+}), ui = I(() => {
+  const t = z();
+  return /* @__PURE__ */ D(
+    le,
     {
       responsive: !1,
       gutterSize: "s",
       justifyContent: "center",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ s(ta, { bottomBarStore: t }),
-        /* @__PURE__ */ s(ra, { bottomBarStore: t }),
-        /* @__PURE__ */ s(na, { bottomBarStore: t }),
-        t.playing ? /* @__PURE__ */ s(ia, { bottomBarStore: t }) : /* @__PURE__ */ s(aa, { bottomBarStore: t }),
-        /* @__PURE__ */ s(sa, { bottomBarStore: t }),
-        /* @__PURE__ */ s(oa, { bottomBarStore: t }),
-        /* @__PURE__ */ s(ca, { bottomBarStore: t })
+        /* @__PURE__ */ o(ti, {}),
+        /* @__PURE__ */ o(ri, {}),
+        /* @__PURE__ */ o(ni, {}),
+        t.playing ? /* @__PURE__ */ o(ai, {}) : /* @__PURE__ */ o(ii, {}),
+        /* @__PURE__ */ o(oi, {}),
+        /* @__PURE__ */ o(si, {}),
+        /* @__PURE__ */ o(ci, {})
       ]
     }
-  )
-), da = re(
+  );
+}), di = ne(
   ({ item: t, closePopover: e }) => {
-    const r = le(), i = Ye(
+    const r = ce(), a = Ye(
       () => [
         {
           id: 0,
           items: [
             {
               name: "Open in new tab",
-              icon: /* @__PURE__ */ s(U, { type: kn }),
+              icon: /* @__PURE__ */ o(U, { type: _n }),
               onClick: async () => {
                 e(), await r.pause(), window.open(t.dto.url, "_blank");
               }
             },
             {
               name: "Copy link address",
-              icon: /* @__PURE__ */ s(U, { type: "" }),
+              icon: /* @__PURE__ */ o(U, { type: "" }),
               onClick: async () => {
                 e(), await navigator.clipboard.writeText(
                   t.dto.url
@@ -2957,7 +2964,7 @@ const Xi = I(
             },
             {
               name: "Copy link text",
-              icon: /* @__PURE__ */ s(U, { type: "" }),
+              icon: /* @__PURE__ */ o(U, { type: "" }),
               onClick: async () => {
                 e(), await navigator.clipboard.writeText(
                   t.dto.title
@@ -2969,105 +2976,102 @@ const Xi = I(
       ],
       [e, r, t]
     );
-    return /* @__PURE__ */ s(pt, { initialPanelId: 0, panels: i });
+    return /* @__PURE__ */ o(mt, { initialPanelId: 0, panels: a });
   }
-), fa = re(
+), fi = ne(
   ({ item: t }) => {
-    const [e, r] = $(!1), i = j(() => r(!e), [e]), a = j(() => r(!1), []);
-    return /* @__PURE__ */ s(
-      Oe,
+    const [e, r] = $(!1), a = B(() => r(!e), [e]), i = B(() => r(!1), []);
+    return /* @__PURE__ */ o(
+      ke,
       {
-        button: /* @__PURE__ */ s(
+        button: /* @__PURE__ */ o(
           Wt,
           {
-            iconType: mr[t.type],
+            iconType: vr[t.type],
             size: "s",
-            onClick: i,
+            onClick: a,
             children: t.title
           }
         ),
         isOpen: e,
-        closePopover: a,
+        closePopover: i,
         panelPaddingSize: "none",
         anchorPosition: "upLeft",
-        children: /* @__PURE__ */ s(
-          da,
+        children: /* @__PURE__ */ o(
+          di,
           {
             item: t,
-            closePopover: a
+            closePopover: i
           }
         )
       }
     );
   }
-), pa = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
-    oe,
+), pi = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
+    le,
     {
       responsive: !1,
       gutterSize: "s",
       justifyContent: "flexStart",
       alignItems: "center",
-      children: t.currentItem && /* @__PURE__ */ s(fa, { item: t.currentItem })
+      children: t.currentItem && /* @__PURE__ */ o(fi, { item: t.currentItem })
     }
-  )
-), ha = I(
-  ({ bottomBarStore: t }) => /* @__PURE__ */ s(
+  );
+}), mi = I(() => {
+  const t = z();
+  return /* @__PURE__ */ o(
     Y,
     {
       title: "Mute",
       "aria-label": "Mute",
-      iconType: er,
+      iconType: tr,
       size: "s",
       iconSize: "l",
       disabled: !t.controller.supports("setMuted")
     }
-  )
-), ya = I(
-  ({
-    bottomBarStore: t,
-    button: e,
-    isOpen: r,
-    closePopover: i
-  }) => {
-    const [a, o] = $("0"), c = le();
+  );
+}), hi = I(
+  ({ button: t, isOpen: e, closePopover: r }) => {
+    const a = z(), [i, s] = $("0"), c = ce();
     Qr(() => {
-      r && c.getVolume().then((p) => {
-        p !== void 0 && o(Math.floor(p * 100).toString());
+      e && c.getVolume().then((p) => {
+        p !== void 0 && s(Math.floor(p * 100).toString());
       });
-    }, [r, c]);
-    const f = j(
+    }, [e, c]);
+    const f = B(
       async (p) => {
-        o(p.currentTarget.value), await c.setVolume(Number(p.currentTarget.value) / 100);
+        s(p.currentTarget.value), await c.setVolume(Number(p.currentTarget.value) / 100);
       },
       [c]
     );
-    return /* @__PURE__ */ s(
-      Oe,
+    return /* @__PURE__ */ o(
+      ke,
       {
-        button: e,
-        isOpen: r,
-        closePopover: i,
+        button: t,
+        isOpen: e,
+        closePopover: r,
         anchorPosition: "upRight",
-        children: /* @__PURE__ */ s(ct, { children: /* @__PURE__ */ D(
-          oe,
+        children: /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ D(
+          le,
           {
             responsive: !1,
             gutterSize: "s",
             justifyContent: "center",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ s(ha, { bottomBarStore: t }),
-              /* @__PURE__ */ s(
-                Bt,
+              /* @__PURE__ */ o(mi, {}),
+              /* @__PURE__ */ o(
+                Kt,
                 {
                   min: 0,
                   max: 100,
                   step: 1,
-                  value: a,
+                  value: i,
                   onChange: f,
                   css: { blockSize: 32 },
-                  disabled: !t.controller.supports("setVolume")
+                  disabled: !a.controller.supports("setVolume")
                 }
               )
             ]
@@ -3076,94 +3080,88 @@ const Xi = I(
       }
     );
   }
-), ma = I(
-  ({ bottomBarStore: t }) => {
-    const [e, r] = $(!1);
-    return /* @__PURE__ */ s(
-      ya,
-      {
-        bottomBarStore: t,
-        button: /* @__PURE__ */ s(
-          Y,
-          {
-            title: "Volume",
-            "aria-label": "Volume",
-            iconType: er,
-            size: "s",
-            iconSize: "l",
-            onClick: () => r(!e),
-            disabled: !t.controller.supports("getVolume")
-          }
-        ),
-        isOpen: e,
-        closePopover: () => r(!1)
-      }
-    );
-  }
-), va = ({
+), yi = I(() => {
+  const t = z(), [e, r] = $(!1);
+  return /* @__PURE__ */ o(
+    hi,
+    {
+      button: /* @__PURE__ */ o(
+        Y,
+        {
+          title: "Volume",
+          "aria-label": "Volume",
+          iconType: tr,
+          size: "s",
+          iconSize: "l",
+          onClick: () => r(!e),
+          disabled: !t.controller.supports("getVolume")
+        }
+      ),
+      isOpen: e,
+      closePopover: () => r(!1)
+    }
+  );
+}), vi = ({
   onClickPlayQueueButton: t
-}) => /* @__PURE__ */ s(
+}) => /* @__PURE__ */ o(
   Y,
   {
     title: "Play queue",
     "aria-label": "Play queue",
-    iconType: An,
+    iconType: Fn,
     size: "s",
     iconSize: "l",
     onClick: t
   }
-), ga = I(
-  ({
-    bottomBarStore: t,
-    closePopover: e
-  }) => {
-    const r = le(), i = j(async () => {
-      await t.skipBack10(), e();
-    }, [t, e]), a = j(async () => {
-      await t.skipForward30(), e();
-    }, [t, e]), o = j(
-      async (S) => {
-        await r.setPlaybackRate(S), e();
+), gi = I(
+  ({ closePopover: t }) => {
+    const e = z(), r = ce(), a = B(async () => {
+      await e.skipBack10(), t();
+    }, [e, t]), i = B(async () => {
+      await e.skipForward30(), t();
+    }, [e, t]), s = B(
+      async (w) => {
+        await r.setPlaybackRate(w), t();
       },
-      [r, e]
-    ), c = j(async () => {
-      await t.removeFromPlayQueue(), e();
-    }, [t, e]), [f, p] = $(), m = j(async () => {
-      await t.controller.getPlaybackRate().then((S) => p(S));
-    }, [t]), b = Ye(
+      [r, t]
+    ), c = B(async () => {
+      await e.removeFromPlayQueue(), t();
+    }, [e, t]), [f, p] = $(), y = B(async () => {
+      await e.controller.getPlaybackRate().then((w) => p(w));
+    }, [e]), P = Ye(
       () => [
         {
           id: 0,
           items: [
             {
               name: "Speed",
-              icon: /* @__PURE__ */ s(U, { type: _n }),
+              icon: /* @__PURE__ */ o(U, { type: An }),
               panel: 1,
-              onClick: m,
-              disabled: !t.controller.supports(
+              onClick: y,
+              disabled: !e.controller.supports(
                 "getPlaybackRate"
               )
             },
             {
               name: "Skip back 10 seconds",
-              icon: /* @__PURE__ */ s(U, { type: Xt }),
-              onClick: i,
-              disabled: !t.canSkipBack10
+              icon: /* @__PURE__ */ o(U, { type: Zt }),
+              onClick: a,
+              disabled: !e.canSkipBack10
             },
             {
               name: "Skip forward 30 seconds",
-              icon: /* @__PURE__ */ s(U, { type: Zt }),
-              onClick: a,
-              disabled: !t.canSkipForward30
+              icon: /* @__PURE__ */ o(U, { type: er }),
+              onClick: i,
+              disabled: !e.canSkipForward30
             },
             {
               isSeparator: !0
             },
             {
               name: "Remove from play queue",
-              icon: /* @__PURE__ */ s(U, { type: yt }),
+              icon: /* @__PURE__ */ o(U, { type: yt }),
               onClick: c,
-              disabled: !t.canRemoveFromPlayQueue
+              disabled: !e.canRemoveFromPlayQueue
             }
           ]
         },
@@ -3171,11 +3169,11 @@ const Xi = I(
           id: 1,
           title: "Speed",
           items: [0.25, 0.5, 0.75, 1, 1.25, 1.5, 1.75, 2].map(
-            (S) => ({
-              name: S.toString(),
-              onClick: () => o(S),
-              icon: S === f ? "check" : "empty",
-              disabled: !t.controller.supports(
+            (w) => ({
+              name: w.toString(),
+              onClick: () => s(w),
+              icon: w === f ? "check" : "empty",
+              disabled: !e.controller.supports(
                 "setPlaybackRate"
               )
             })
@@ -3183,160 +3181,131 @@ const Xi = I(
         }
       ],
       [
-        t,
-        m,
-        i,
+        e,
+        y,
         a,
+        i,
         c,
-        o,
+        s,
         f
       ]
     );
-    return /* @__PURE__ */ s(pt, { initialPanelId: 0, panels: b });
+    return /* @__PURE__ */ o(mt, { initialPanelId: 0, panels: P });
   }
-), Pa = re(
+), bi = ne(
   ({
-    bottomBarStore: t,
-    button: e,
-    isOpen: r,
-    closePopover: i
-  }) => /* @__PURE__ */ s(
-    Oe,
+    button: t,
+    isOpen: e,
+    closePopover: r
+  }) => /* @__PURE__ */ o(
+    ke,
     {
-      button: e,
-      isOpen: r,
-      closePopover: i,
+      button: t,
+      isOpen: e,
+      closePopover: r,
       panelPaddingSize: "none",
       anchorPosition: "upRight",
-      children: /* @__PURE__ */ s(
-        ga,
+      children: /* @__PURE__ */ o(gi, { closePopover: r })
+    }
+  )
+), Pi = ne(() => {
+  const [t, e] = $(!1);
+  return /* @__PURE__ */ o(
+    bi,
+    {
+      button: /* @__PURE__ */ o(
+        Y,
         {
-          bottomBarStore: t,
-          closePopover: i
+          title: "More options",
+          "aria-label": "More options",
+          iconType: Xt,
+          size: "s",
+          iconSize: "l",
+          onClick: () => e(!t)
         }
-      )
+      ),
+      isOpen: t,
+      closePopover: () => e(!1)
     }
-  )
-), ba = re(
-  ({ bottomBarStore: t }) => {
-    const [e, r] = $(!1);
-    return /* @__PURE__ */ s(
-      Pa,
-      {
-        bottomBarStore: t,
-        button: /* @__PURE__ */ s(
-          Y,
-          {
-            title: "More options",
-            "aria-label": "More options",
-            iconType: Kt,
-            size: "s",
-            iconSize: "l",
-            onClick: () => r(!e)
-          }
-        ),
-        isOpen: e,
-        closePopover: () => r(!1)
-      }
-    );
-  }
-), wa = re(
-  ({
-    bottomBarStore: t,
-    onClickPlayQueueButton: e
-  }) => /* @__PURE__ */ D(
-    oe,
+  );
+}), Si = ne(
+  ({ onClickPlayQueueButton: t }) => /* @__PURE__ */ D(
+    le,
     {
       responsive: !1,
       gutterSize: "s",
       justifyContent: "flexEnd",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ s(ma, { bottomBarStore: t }),
-        e && /* @__PURE__ */ s(
-          va,
+        /* @__PURE__ */ o(yi, {}),
+        t && /* @__PURE__ */ o(
+          vi,
           {
-            onClickPlayQueueButton: e
+            onClickPlayQueueButton: t
           }
         ),
-        /* @__PURE__ */ s(ba, { bottomBarStore: t })
+        /* @__PURE__ */ o(Pi, {})
       ]
     }
   )
-), Sa = I(
-  ({ bottomBarStore: t }) => {
-    const e = le(), r = j(
-      (o) => {
-        const c = Number(o.currentTarget.value) / 100;
-        t.setPercent(c);
-      },
-      [t]
-    ), i = j(
-      (o) => {
-        o.button === 0 && t.setSeeking(!0);
-      },
-      [t]
-    ), a = j(
-      async (o) => {
-        if (o.button === 0) {
-          const c = Number(o.currentTarget.value) / 100;
-          t.setSeeking(!1);
-          const f = await e.getDuration();
-          f !== void 0 && await e.setCurrentTime(f * c);
-        }
-      },
-      [t, e]
-    );
-    return /* @__PURE__ */ s(
-      Bt,
-      {
-        min: 0,
-        max: 100,
-        step: 1e-7,
-        value: t.percent * 100,
-        onChange: r,
-        onMouseDown: i,
-        onMouseUp: a,
-        fullWidth: !0,
-        showRange: !0,
-        css: { blockSize: 32 },
-        disabled: !t.canSeek
+), wi = I(() => {
+  const t = z(), e = ce(), r = B(
+    (s) => {
+      const c = Number(s.currentTarget.value) / 100;
+      t.setPercent(c);
+    },
+    [t]
+  ), a = B(
+    (s) => {
+      s.button === 0 && t.setSeeking(!0);
+    },
+    [t]
+  ), i = B(
+    async (s) => {
+      if (s.button === 0) {
+        const c = Number(s.currentTarget.value) / 100;
+        t.setSeeking(!1);
+        const f = await e.getDuration();
+        f !== void 0 && await e.setCurrentTime(f * c);
       }
-    );
-  }
-), $a = I(
-  ({ onClickPlayQueueButton: t }) => {
-    const e = pi();
-    return /* @__PURE__ */ s(yn, { paddingSize: "s", children: /* @__PURE__ */ D(oe, { direction: "column", gutterSize: "none", children: [
-      /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(Sa, { bottomBarStore: e }) }),
-      /* @__PURE__ */ s(G, { children: /* @__PURE__ */ D(oe, { responsive: !1, children: [
-        /* @__PURE__ */ s(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
-          pa,
-          {
-            bottomBarStore: e
-          }
-        ) }),
-        /* @__PURE__ */ s(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
-          ua,
-          {
-            bottomBarStore: e
-          }
-        ) }),
-        /* @__PURE__ */ s(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ s(
-          wa,
-          {
-            bottomBarStore: e,
-            onClickPlayQueueButton: t
-          }
-        ) })
-      ] }) })
-    ] }) });
-  }
-), ft = {
+    },
+    [t, e]
+  );
+  return /* @__PURE__ */ o(
+    Kt,
+    {
+      min: 0,
+      max: 100,
+      step: 1e-7,
+      value: t.percent * 100,
+      onChange: r,
+      onMouseDown: a,
+      onMouseUp: i,
+      fullWidth: !0,
+      showRange: !0,
+      css: { blockSize: 32 },
+      disabled: !t.canSeek
+    }
+  );
+}), $i = I(
+  ({ onClickPlayQueueButton: t }) => /* @__PURE__ */ o(yn, { paddingSize: "s", children: /* @__PURE__ */ D(le, { direction: "column", gutterSize: "none", children: [
+    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ o(wi, {}) }),
+    /* @__PURE__ */ o(G, { children: /* @__PURE__ */ D(le, { responsive: !1, children: [
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(pi, {}) }),
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(ui, {}) }),
+      /* @__PURE__ */ o(G, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
+        Si,
+        {
+          onClickPlayQueueButton: t
+        }
+      ) })
+    ] }) })
+  ] }) })
+), pt = {
   width: 400,
   height: 225
-}, ja = I(() => {
-  const t = mi(), e = Ye(
+}, Bi = I(() => {
+  const t = ya(), e = Ye(
     () => ({
       onLoaded: t.onLoaded,
       onPlay: t.onPlay,
@@ -3346,21 +3315,21 @@ const Xi = I(
     }),
     [t]
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ o(
     "div",
     {
       css: {
         position: "fixed",
         right: 0,
-        bottom: tr,
-        width: ft.width,
-        height: ft.height,
+        bottom: rr,
+        width: pt.width,
+        height: pt.height,
         zIndex: 998,
         backgroundColor: "rgb(39, 39, 39)",
         display: "flex",
         flexDirection: "column"
       },
-      children: /* @__PURE__ */ s("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: t.currentItem && /* @__PURE__ */ s(
+      children: /* @__PURE__ */ o("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: t.currentItem && /* @__PURE__ */ o(
         Gr,
         {
           src: t.currentItem.url,
@@ -3370,7 +3339,7 @@ const Xi = I(
       ) })
     }
   );
-}), za = I(
+}), ji = I(
   ({ children: t }) => {
     const e = Ge();
     return /* @__PURE__ */ D(
@@ -3378,28 +3347,28 @@ const Xi = I(
       {
         panelled: !0,
         style: {
-          minBlockSize: `max(460px, 100vh - ${tr}px)`
+          minBlockSize: `max(460px, 100vh - ${rr}px)`
         },
         children: [
           t,
-          !e.isEmpty && /* @__PURE__ */ s(Jt, { style: { blockSize: ft.height } })
+          !e.isEmpty && /* @__PURE__ */ o(Jt, { style: { blockSize: pt.height } })
         ]
       }
     );
   }
 );
 export {
-  $a as BottomBar,
-  Da as HydrangeanDivaProvider,
-  za as MediaPlayerLayout,
-  ja as MiniPlayer,
+  $i as BottomBar,
+  Di as HydrangeanDivaProvider,
+  ji as MediaPlayerLayout,
+  Bi as MiniPlayer,
   We as MobXObservableStateProvider,
-  Ma as ObservableStateProvider,
-  Zi as PlayQueue,
-  Na as PlayQueuePage,
-  or as PlayQueueStoreContext,
+  Mi as ObservableStateProvider,
+  Za as PlayQueue,
+  lr as PlayQueueContext,
+  Ni as PlayQueuePage,
   O as RepeatMode,
-  tr as bottomBarHeight,
-  Ge as usePlayQueueStore
+  rr as bottomBarHeight,
+  Ge as usePlayQueue
 };
 //# sourceMappingURL=index.es.js.map