@aigamo/hydrangean-diva 0.0.1-alpha.57 → 0.0.1-alpha.59

package/dist/index.es.js

@@ -1,24 +1,24 @@
 import * as ge from "react";
-import kr, { forwardRef as Oo, useContext as Ae, createContext as qe, useState as Y, useEffect as _o, memo as de, useCallback as $, useMemo as He, useLayoutEffect as Fr } from "react";
-import Ao from "@emotion/cache";
-import ko from "ajv";
-import { computed as f, action as u, makeObservable as ae, observable as te, reaction as Fo } from "mobx";
-import { useLocalStorageState as gt } from "@aigamo/route-sphere";
-import { pull as ht } from "lodash-es";
-import { useNostalgicDiva as Ge, nullPlayerController as Mo, NostalgicDivaProvider as Do, NostalgicDiva as Bo, findVideoService as $o } from "@aigamo/nostalgic-diva";
-import { EuiPageTemplate as Je, EuiSpacer as bt, EuiButtonIcon as ie, EuiFlexGroup as be, EuiIcon as z, EuiContextMenu as St, EuiButtonEmpty as Pt, EuiPopover as Ke, EuiFormRow as Ve, EuiRange as Mr, EuiFlexItem as K, EuiBottomBar as No, useGeneratedHtmlId as Yt, EuiModalHeaderTitle as Vt, EuiModalHeader as Ut, EuiForm as Wt, EuiFieldText as vt, EuiModalBody as qt, EuiModalFooter as Ht, EuiButton as J, EuiModal as Gt, useEuiTheme as Xe, EuiCheckbox as It, EuiTableHeaderCellCheckbox as Dr, EuiTableHeaderCell as Te, EuiTableHeader as Jt, EuiTableRowCell as xe, EuiTableRowCellCheckbox as Br, EuiLink as Kt, EuiTableRow as Xt, EuiTable as Zt, EuiEmptyPrompt as jo, EuiConfirmModal as Lo } from "@elastic/eui";
+import Fr, { forwardRef as _o, useContext as Ae, createContext as qe, useState as Y, useEffect as Ao, memo as de, useCallback as $, useMemo as He, useLayoutEffect as Mr } from "react";
+import ko from "@emotion/cache";
+import Fo from "ajv";
+import { computed as f, action as u, makeObservable as ae, observable as te, reaction as Mo } from "mobx";
+import { useLocalStorageState as bt } from "@aigamo/route-sphere";
+import { pull as vt } from "lodash-es";
+import { useNostalgicDiva as Ge, nullPlayerController as Do, NostalgicDivaProvider as Bo, NostalgicDiva as $o, findVideoService as No } from "@aigamo/nostalgic-diva";
+import { EuiPageTemplate as Je, EuiSpacer as St, EuiButtonIcon as ie, EuiHideFor as mt, EuiFlexGroup as be, EuiIcon as z, EuiContextMenu as Pt, EuiButtonEmpty as It, EuiPopover as Ke, EuiFormRow as Ve, EuiRange as Dr, EuiFlexItem as K, EuiBottomBar as jo, useGeneratedHtmlId as Vt, EuiModalHeaderTitle as Ut, EuiModalHeader as Wt, EuiForm as qt, EuiFieldText as gt, EuiModalBody as Ht, EuiModalFooter as Gt, EuiButton as J, EuiModal as Jt, useEuiTheme as Xe, EuiCheckbox as Ct, EuiTableHeaderCellCheckbox as Br, EuiTableHeaderCell as Te, EuiTableHeader as Kt, EuiTableRowCell as xe, EuiTableRowCellCheckbox as $r, EuiLink as Xt, EuiTableRow as Zt, EuiTable as er, EuiEmptyPrompt as Lo, EuiConfirmModal as Qo } from "@elastic/eui";
 import { observer as P } from "mobx-react-lite";
-import { ArrowShuffleFilled as Qo, ArrowShuffleOffFilled as zo, PreviousFilled as Yo, SkipBack10Regular as $r, PauseFilled as Vo, PlayFilled as Uo, SkipForward30Regular as Nr, NextFilled as Wo, ArrowRepeat1Filled as qo, ArrowRepeatAllFilled as Ho, ArrowRepeatAllOffFilled as Go, OpenRegular as Jo, Speaker2Regular as jr, TopSpeedRegular as Ko, DismissRegular as Ze, MoreHorizontalFilled as er, NavigationPlayRegular as Xo, AddRegular as ke, DeleteRegular as Lr, ArrowUploadRegular as Qr, ArrowDownloadRegular as zr, PlayRegular as tr, RenameRegular as Zo } from "@fluentui/react-icons";
+import { ArrowShuffleFilled as zo, ArrowShuffleOffFilled as Yo, PreviousFilled as Vo, SkipBack10Regular as Nr, PauseFilled as Uo, PlayFilled as Wo, SkipForward30Regular as jr, NextFilled as qo, ArrowRepeat1Filled as Ho, ArrowRepeatAllFilled as Go, ArrowRepeatAllOffFilled as Jo, OpenRegular as Ko, Speaker2Regular as Lr, TopSpeedRegular as Xo, DismissRegular as Ze, MoreHorizontalFilled as tr, NavigationPlayRegular as Zo, AddRegular as ke, DeleteRegular as Qr, ArrowUploadRegular as zr, ArrowDownloadRegular as Yr, PlayRegular as rr, RenameRegular as en } from "@fluentui/react-icons";
 import Se from "ez-modal-react";
-import { ReactSortable as rr } from "react-sortablejs";
-import { useRouter as or } from "@tanstack/react-router";
-const Yr = 81;
-var mt = { exports: {} }, ze = {};
-var Ir;
-function en() {
-  if (Ir) return ze;
-  Ir = 1;
-  var e = kr, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+import { ReactSortable as or } from "react-sortablejs";
+import { useRouter as nr } from "@tanstack/react-router";
+const Vr = 81;
+var yt = { exports: {} }, ze = {};
+var Cr;
+function tn() {
+  if (Cr) return ze;
+  Cr = 1;
+  var e = Fr, t = /* @__PURE__ */ Symbol.for("react.element"), r = /* @__PURE__ */ Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(y, m, g) {
     var I, T = {}, Z = null, W = null;
     g !== void 0 && (Z = "" + g), m.key !== void 0 && (Z = "" + m.key), m.ref !== void 0 && (W = m.ref);
@@ -29,61 +29,61 @@ function en() {
   return ze.Fragment = r, ze.jsx = l, ze.jsxs = l, ze;
 }
 var Ye = {};
-var Cr;
-function tn() {
-  return Cr || (Cr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = kr, t = /* @__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"), l = /* @__PURE__ */ Symbol.for("react.provider"), y = /* @__PURE__ */ Symbol.for("react.context"), m = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), Z = /* @__PURE__ */ Symbol.for("react.lazy"), W = /* @__PURE__ */ Symbol.for("react.offscreen"), q = Symbol.iterator, le = "@@iterator";
-    function he(o) {
-      if (o === null || typeof o != "object")
+var Tr;
+function rn() {
+  return Tr || (Tr = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = Fr, t = /* @__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"), l = /* @__PURE__ */ Symbol.for("react.provider"), y = /* @__PURE__ */ Symbol.for("react.context"), m = /* @__PURE__ */ Symbol.for("react.forward_ref"), g = /* @__PURE__ */ Symbol.for("react.suspense"), I = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), Z = /* @__PURE__ */ Symbol.for("react.lazy"), W = /* @__PURE__ */ Symbol.for("react.offscreen"), q = Symbol.iterator, le = "@@iterator";
+    function he(n) {
+      if (n === null || typeof n != "object")
         return null;
-      var c = q && o[q] || o[le];
+      var c = q && n[q] || n[le];
       return typeof c == "function" ? c : null;
     }
     var re = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function F(o) {
+    function F(n) {
       {
         for (var c = arguments.length, p = new Array(c > 1 ? c - 1 : 0), v = 1; v < c; v++)
           p[v - 1] = arguments[v];
-        H("error", o, p);
+        H("error", n, p);
       }
     }
-    function H(o, c, p) {
+    function H(n, c, p) {
       {
         var v = re.ReactDebugCurrentFrame, E = v.getStackAddendum();
         E !== "" && (c += "%s", p = p.concat([E]));
         var k = p.map(function(x) {
           return String(x);
         });
-        k.unshift("Warning: " + c), Function.prototype.apply.call(console[o], console, k);
+        k.unshift("Warning: " + c), Function.prototype.apply.call(console[n], console, k);
       }
     }
     var L = !1, d = !1, oe = !1, Me = !1, nt = !1, it;
     it = /* @__PURE__ */ Symbol.for("react.module.reference");
-    function wt(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === a || o === s || nt || o === i || o === g || o === I || Me || o === W || L || d || oe || typeof o == "object" && o !== null && (o.$$typeof === Z || o.$$typeof === T || o.$$typeof === l || o.$$typeof === y || o.$$typeof === m || // This needs to include all possible module reference object
+    function Et(n) {
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === s || nt || n === i || n === g || n === I || Me || n === W || L || d || oe || typeof n == "object" && n !== null && (n.$$typeof === Z || n.$$typeof === T || n.$$typeof === l || n.$$typeof === y || n.$$typeof === m || // 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.
-      o.$$typeof === it || o.getModuleId !== void 0));
+      n.$$typeof === it || n.getModuleId !== void 0));
     }
-    function Et(o, c, p) {
-      var v = o.displayName;
+    function Rt(n, c, p) {
+      var v = n.displayName;
       if (v)
         return v;
       var E = c.displayName || c.name || "";
       return E !== "" ? p + "(" + E + ")" : p;
     }
-    function at(o) {
-      return o.displayName || "Context";
+    function at(n) {
+      return n.displayName || "Context";
     }
-    function fe(o) {
-      if (o == null)
+    function fe(n) {
+      if (n == null)
         return null;
-      if (typeof o.tag == "number" && F("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
-        return o.displayName || o.name || null;
-      if (typeof o == "string")
-        return o;
-      switch (o) {
+      if (typeof n.tag == "number" && F("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof n == "function")
+        return n.displayName || n.name || null;
+      if (typeof n == "string")
+        return n;
+      switch (n) {
         case a:
           return "Fragment";
         case r:
@@ -97,21 +97,21 @@ function tn() {
         case I:
           return "SuspenseList";
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case y:
-            var c = o;
+            var c = n;
             return at(c) + ".Consumer";
           case l:
-            var p = o;
+            var p = n;
             return at(p._context) + ".Provider";
           case m:
-            return Et(o, o.render, "ForwardRef");
+            return Rt(n, n.render, "ForwardRef");
           case T:
-            var v = o.displayName || null;
-            return v !== null ? v : fe(o.type) || "Memo";
+            var v = n.displayName || null;
+            return v !== null ? v : fe(n.type) || "Memo";
           case Z: {
-            var E = o, k = E._payload, x = E._init;
+            var E = n, k = E._payload, x = E._init;
             try {
               return fe(x(k));
             } catch {
@@ -125,57 +125,57 @@ function tn() {
     function pt() {
     }
     pt.__reactDisabledLog = !0;
-    function Rt() {
+    function Ot() {
       {
         if (Pe === 0) {
           st = console.log, lt = console.info, De = console.warn, ct = console.error, Be = console.group, ut = console.groupCollapsed, dt = console.groupEnd;
-          var o = {
+          var n = {
             configurable: !0,
             enumerable: !0,
             value: pt,
             writable: !0
           };
           Object.defineProperties(console, {
-            info: o,
-            log: o,
-            warn: o,
-            error: o,
-            group: o,
-            groupCollapsed: o,
-            groupEnd: o
+            info: n,
+            log: n,
+            warn: n,
+            error: n,
+            group: n,
+            groupCollapsed: n,
+            groupEnd: n
           });
         }
         Pe++;
       }
     }
-    function Ot() {
+    function _t() {
       {
         if (Pe--, Pe === 0) {
-          var o = {
+          var n = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: ve({}, o, {
+            log: ve({}, n, {
               value: st
             }),
-            info: ve({}, o, {
+            info: ve({}, n, {
               value: lt
             }),
-            warn: ve({}, o, {
+            warn: ve({}, n, {
               value: De
             }),
-            error: ve({}, o, {
+            error: ve({}, n, {
               value: ct
             }),
-            group: ve({}, o, {
+            group: ve({}, n, {
               value: Be
             }),
-            groupCollapsed: ve({}, o, {
+            groupCollapsed: ve({}, n, {
               value: ut
             }),
-            groupEnd: ve({}, o, {
+            groupEnd: ve({}, n, {
               value: dt
             })
           });
@@ -184,7 +184,7 @@ function tn() {
       }
     }
     var $e = re.ReactCurrentDispatcher, Ne;
-    function we(o, c, p) {
+    function we(n, c, p) {
       {
         if (Ne === void 0)
           try {
@@ -194,19 +194,19 @@ function tn() {
             Ne = v && v[1] || "";
           }
         return `
-` + Ne + o;
+` + Ne + n;
       }
     }
     var je = !1, Ee;
     {
-      var _t = typeof WeakMap == "function" ? WeakMap : Map;
-      Ee = new _t();
+      var At = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new At();
     }
-    function h(o, c) {
-      if (!o || je)
+    function h(n, c) {
+      if (!n || je)
         return "";
       {
-        var p = Ee.get(o);
+        var p = Ee.get(n);
         if (p !== void 0)
           return p;
       }
@@ -215,7 +215,7 @@ function tn() {
       var E = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var k;
-      k = $e.current, $e.current = null, Rt();
+      k = $e.current, $e.current = null, Ot();
       try {
         if (c) {
           var x = function() {
@@ -231,14 +231,14 @@ function tn() {
             } catch (ne) {
               v = ne;
             }
-            Reflect.construct(o, [], x);
+            Reflect.construct(n, [], x);
           } else {
             try {
               x.call();
             } catch (ne) {
               v = ne;
             }
-            o.call(x.prototype);
+            n.call(x.prototype);
           }
         } else {
           try {
@@ -246,7 +246,7 @@ function tn() {
           } catch (ne) {
             v = ne;
           }
-          o();
+          n();
         }
       } catch (ne) {
         if (ne && v && typeof ne.stack == "string") {
@@ -261,46 +261,46 @@ function tn() {
                   if (Q--, G--, G < 0 || C[Q] !== ee[G]) {
                     var ce = `
 ` + C[Q].replace(" at new ", " at ");
-                    return o.displayName && ce.includes("<anonymous>") && (ce = ce.replace("<anonymous>", o.displayName)), typeof o == "function" && Ee.set(o, ce), ce;
+                    return n.displayName && ce.includes("<anonymous>") && (ce = ce.replace("<anonymous>", n.displayName)), typeof n == "function" && Ee.set(n, ce), ce;
                   }
                 while (Q >= 1 && G >= 0);
               break;
             }
         }
       } finally {
-        je = !1, $e.current = k, Ot(), Error.prepareStackTrace = E;
+        je = !1, $e.current = k, _t(), Error.prepareStackTrace = E;
       }
-      var _e = o ? o.displayName || o.name : "", Ce = _e ? we(_e) : "";
-      return typeof o == "function" && Ee.set(o, Ce), Ce;
+      var _e = n ? n.displayName || n.name : "", Ce = _e ? we(_e) : "";
+      return typeof n == "function" && Ee.set(n, Ce), Ce;
     }
-    function Le(o, c, p) {
-      return h(o, !1);
+    function Le(n, c, p) {
+      return h(n, !1);
     }
-    function Re(o) {
-      var c = o.prototype;
+    function Re(n) {
+      var c = n.prototype;
       return !!(c && c.isReactComponent);
     }
-    function Ie(o, c, p) {
-      if (o == null)
+    function Ie(n, c, p) {
+      if (n == null)
         return "";
-      if (typeof o == "function")
-        return h(o, Re(o));
-      if (typeof o == "string")
-        return we(o);
-      switch (o) {
+      if (typeof n == "function")
+        return h(n, Re(n));
+      if (typeof n == "string")
+        return we(n);
+      switch (n) {
         case g:
           return we("Suspense");
         case I:
           return we("SuspenseList");
       }
-      if (typeof o == "object")
-        switch (o.$$typeof) {
+      if (typeof n == "object")
+        switch (n.$$typeof) {
           case m:
-            return Le(o.render);
+            return Le(n.render);
           case T:
-            return Ie(o.type, c, p);
+            return Ie(n.type, c, p);
           case Z: {
-            var v = o, E = v._payload, k = v._init;
+            var v = n, E = v._payload, k = v._init;
             try {
               return Ie(k(E), c, p);
             } catch {
@@ -309,110 +309,110 @@ function tn() {
         }
       return "";
     }
-    var Qe = Object.prototype.hasOwnProperty, lr = {}, cr = re.ReactDebugCurrentFrame;
-    function ft(o) {
-      if (o) {
-        var c = o._owner, p = Ie(o.type, o._source, c ? c.type : null);
-        cr.setExtraStackFrame(p);
+    var Qe = Object.prototype.hasOwnProperty, cr = {}, ur = re.ReactDebugCurrentFrame;
+    function ft(n) {
+      if (n) {
+        var c = n._owner, p = Ie(n.type, n._source, c ? c.type : null);
+        ur.setExtraStackFrame(p);
       } else
-        cr.setExtraStackFrame(null);
+        ur.setExtraStackFrame(null);
     }
-    function ao(o, c, p, v, E) {
+    function so(n, c, p, v, E) {
       {
         var k = Function.call.bind(Qe);
-        for (var x in o)
-          if (k(o, x)) {
+        for (var x in n)
+          if (k(n, x)) {
             var C = void 0;
             try {
-              if (typeof o[x] != "function") {
-                var ee = Error((v || "React class") + ": " + p + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+              if (typeof n[x] != "function") {
+                var ee = Error((v || "React class") + ": " + p + " type `" + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[x] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ee.name = "Invariant Violation", ee;
               }
-              C = o[x](c, x, v, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              C = n[x](c, x, v, p, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Q) {
               C = Q;
             }
-            C && !(C instanceof Error) && (ft(E), F("%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", p, x, typeof C), ft(null)), C instanceof Error && !(C.message in lr) && (lr[C.message] = !0, ft(E), F("Failed %s type: %s", p, C.message), ft(null));
+            C && !(C instanceof Error) && (ft(E), F("%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", p, x, typeof C), ft(null)), C instanceof Error && !(C.message in cr) && (cr[C.message] = !0, ft(E), F("Failed %s type: %s", p, C.message), ft(null));
           }
       }
     }
-    var so = Array.isArray;
-    function At(o) {
-      return so(o);
+    var lo = Array.isArray;
+    function kt(n) {
+      return lo(n);
     }
-    function lo(o) {
+    function co(n) {
       {
-        var c = typeof Symbol == "function" && Symbol.toStringTag, p = c && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        var c = typeof Symbol == "function" && Symbol.toStringTag, p = c && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return p;
       }
     }
-    function co(o) {
+    function uo(n) {
       try {
-        return ur(o), !1;
+        return dr(n), !1;
       } catch {
         return !0;
       }
     }
-    function ur(o) {
-      return "" + o;
+    function dr(n) {
+      return "" + n;
     }
-    function dr(o) {
-      if (co(o))
-        return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", lo(o)), ur(o);
+    function pr(n) {
+      if (uo(n))
+        return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", co(n)), dr(n);
     }
-    var pr = re.ReactCurrentOwner, uo = {
+    var fr = re.ReactCurrentOwner, po = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, fr, mr;
-    function po(o) {
-      if (Qe.call(o, "ref")) {
-        var c = Object.getOwnPropertyDescriptor(o, "ref").get;
+    }, mr, yr;
+    function fo(n) {
+      if (Qe.call(n, "ref")) {
+        var c = Object.getOwnPropertyDescriptor(n, "ref").get;
         if (c && c.isReactWarning)
           return !1;
       }
-      return o.ref !== void 0;
+      return n.ref !== void 0;
     }
-    function fo(o) {
-      if (Qe.call(o, "key")) {
-        var c = Object.getOwnPropertyDescriptor(o, "key").get;
+    function mo(n) {
+      if (Qe.call(n, "key")) {
+        var c = Object.getOwnPropertyDescriptor(n, "key").get;
         if (c && c.isReactWarning)
           return !1;
       }
-      return o.key !== void 0;
+      return n.key !== void 0;
     }
-    function mo(o, c) {
-      typeof o.ref == "string" && pr.current;
+    function yo(n, c) {
+      typeof n.ref == "string" && fr.current;
     }
-    function yo(o, c) {
+    function ho(n, c) {
       {
         var p = function() {
-          fr || (fr = !0, F("%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)", c));
+          mr || (mr = !0, F("%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)", c));
         };
-        p.isReactWarning = !0, Object.defineProperty(o, "key", {
+        p.isReactWarning = !0, Object.defineProperty(n, "key", {
           get: p,
           configurable: !0
         });
       }
     }
-    function ho(o, c) {
+    function vo(n, c) {
       {
         var p = function() {
-          mr || (mr = !0, F("%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)", c));
+          yr || (yr = !0, F("%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)", c));
         };
-        p.isReactWarning = !0, Object.defineProperty(o, "ref", {
+        p.isReactWarning = !0, Object.defineProperty(n, "ref", {
           get: p,
           configurable: !0
         });
       }
     }
-    var vo = function(o, c, p, v, E, k, x) {
+    var go = function(n, c, p, v, E, k, x) {
       var C = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
-        type: o,
+        type: n,
         key: c,
         ref: p,
         props: x,
@@ -436,58 +436,58 @@ function tn() {
         value: E
       }), Object.freeze && (Object.freeze(C.props), Object.freeze(C)), C;
     };
-    function go(o, c, p, v, E) {
+    function bo(n, c, p, v, E) {
       {
         var k, x = {}, C = null, ee = null;
-        p !== void 0 && (dr(p), C = "" + p), fo(c) && (dr(c.key), C = "" + c.key), po(c) && (ee = c.ref, mo(c, E));
+        p !== void 0 && (pr(p), C = "" + p), mo(c) && (pr(c.key), C = "" + c.key), fo(c) && (ee = c.ref, yo(c, E));
         for (k in c)
-          Qe.call(c, k) && !uo.hasOwnProperty(k) && (x[k] = c[k]);
-        if (o && o.defaultProps) {
-          var Q = o.defaultProps;
+          Qe.call(c, k) && !po.hasOwnProperty(k) && (x[k] = c[k]);
+        if (n && n.defaultProps) {
+          var Q = n.defaultProps;
           for (k in Q)
             x[k] === void 0 && (x[k] = Q[k]);
         }
         if (C || ee) {
-          var G = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
-          C && yo(x, G), ee && ho(x, G);
+          var G = typeof n == "function" ? n.displayName || n.name || "Unknown" : n;
+          C && ho(x, G), ee && vo(x, G);
         }
-        return vo(o, C, ee, E, v, pr.current, x);
+        return go(n, C, ee, E, v, fr.current, x);
       }
     }
-    var kt = re.ReactCurrentOwner, yr = re.ReactDebugCurrentFrame;
-    function Oe(o) {
-      if (o) {
-        var c = o._owner, p = Ie(o.type, o._source, c ? c.type : null);
-        yr.setExtraStackFrame(p);
+    var Ft = re.ReactCurrentOwner, hr = re.ReactDebugCurrentFrame;
+    function Oe(n) {
+      if (n) {
+        var c = n._owner, p = Ie(n.type, n._source, c ? c.type : null);
+        hr.setExtraStackFrame(p);
       } else
-        yr.setExtraStackFrame(null);
+        hr.setExtraStackFrame(null);
     }
-    var Ft;
-    Ft = !1;
-    function Mt(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === t;
+    var Mt;
+    Mt = !1;
+    function Dt(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === t;
     }
-    function hr() {
+    function vr() {
       {
-        if (kt.current) {
-          var o = fe(kt.current.type);
-          if (o)
+        if (Ft.current) {
+          var n = fe(Ft.current.type);
+          if (n)
             return `
 
-Check the render method of \`` + o + "`.";
+Check the render method of \`` + n + "`.";
         }
         return "";
       }
     }
-    function bo(o) {
+    function So(n) {
       return "";
     }
-    var vr = {};
-    function So(o) {
+    var gr = {};
+    function Po(n) {
       {
-        var c = hr();
+        var c = vr();
         if (!c) {
-          var p = typeof o == "string" ? o : o.displayName || o.name;
+          var p = typeof n == "string" ? n : n.displayName || n.name;
           p && (c = `
 
 Check the top-level render call using <` + p + ">.");
@@ -495,41 +495,41 @@ Check the top-level render call using <` + p + ">.");
         return c;
       }
     }
-    function gr(o, c) {
+    function br(n, c) {
       {
-        if (!o._store || o._store.validated || o.key != null)
+        if (!n._store || n._store.validated || n.key != null)
           return;
-        o._store.validated = !0;
-        var p = So(c);
-        if (vr[p])
+        n._store.validated = !0;
+        var p = Po(c);
+        if (gr[p])
           return;
-        vr[p] = !0;
+        gr[p] = !0;
         var v = "";
-        o && o._owner && o._owner !== kt.current && (v = " It was passed a child from " + fe(o._owner.type) + "."), Oe(o), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, v), Oe(null);
+        n && n._owner && n._owner !== Ft.current && (v = " It was passed a child from " + fe(n._owner.type) + "."), Oe(n), F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', p, v), Oe(null);
       }
     }
-    function br(o, c) {
+    function Sr(n, c) {
       {
-        if (typeof o != "object")
+        if (typeof n != "object")
           return;
-        if (At(o))
-          for (var p = 0; p < o.length; p++) {
-            var v = o[p];
-            Mt(v) && gr(v, c);
+        if (kt(n))
+          for (var p = 0; p < n.length; p++) {
+            var v = n[p];
+            Dt(v) && br(v, c);
           }
-        else if (Mt(o))
-          o._store && (o._store.validated = !0);
-        else if (o) {
-          var E = he(o);
-          if (typeof E == "function" && E !== o.entries)
-            for (var k = E.call(o), x; !(x = k.next()).done; )
-              Mt(x.value) && gr(x.value, c);
+        else if (Dt(n))
+          n._store && (n._store.validated = !0);
+        else if (n) {
+          var E = he(n);
+          if (typeof E == "function" && E !== n.entries)
+            for (var k = E.call(n), x; !(x = k.next()).done; )
+              Dt(x.value) && br(x.value, c);
         }
       }
     }
-    function Po(o) {
+    function Io(n) {
       {
-        var c = o.type;
+        var c = n.type;
         if (c == null || typeof c == "string")
           return;
         var p;
@@ -543,91 +543,91 @@ Check the top-level render call using <` + p + ">.");
           return;
         if (p) {
           var v = fe(c);
-          ao(p, o.props, "prop", v, o);
-        } else if (c.PropTypes !== void 0 && !Ft) {
-          Ft = !0;
+          so(p, n.props, "prop", v, n);
+        } else if (c.PropTypes !== void 0 && !Mt) {
+          Mt = !0;
           var E = fe(c);
           F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
         }
         typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function Io(o) {
+    function Co(n) {
       {
-        for (var c = Object.keys(o.props), p = 0; p < c.length; p++) {
+        for (var c = Object.keys(n.props), p = 0; p < c.length; p++) {
           var v = c[p];
           if (v !== "children" && v !== "key") {
-            Oe(o), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Oe(null);
+            Oe(n), F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", v), Oe(null);
             break;
           }
         }
-        o.ref !== null && (Oe(o), F("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
+        n.ref !== null && (Oe(n), F("Invalid attribute `ref` supplied to `React.Fragment`."), Oe(null));
       }
     }
-    var Sr = {};
-    function Pr(o, c, p, v, E, k) {
+    var Pr = {};
+    function Ir(n, c, p, v, E, k) {
       {
-        var x = wt(o);
+        var x = Et(n);
         if (!x) {
           var C = "";
-          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (C += " 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 ee = bo();
-          ee ? C += ee : C += hr();
+          (n === void 0 || typeof n == "object" && n !== null && Object.keys(n).length === 0) && (C += " 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 ee = So();
+          ee ? C += ee : C += vr();
           var Q;
-          o === null ? Q = "null" : At(o) ? Q = "array" : o !== void 0 && o.$$typeof === t ? (Q = "<" + (fe(o.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof o, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, C);
+          n === null ? Q = "null" : kt(n) ? Q = "array" : n !== void 0 && n.$$typeof === t ? (Q = "<" + (fe(n.type) || "Unknown") + " />", C = " Did you accidentally export a JSX literal instead of a component?") : Q = typeof n, F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Q, C);
         }
-        var G = go(o, c, p, E, k);
+        var G = bo(n, c, p, E, k);
         if (G == null)
           return G;
         if (x) {
           var ce = c.children;
           if (ce !== void 0)
             if (v)
-              if (At(ce)) {
+              if (kt(ce)) {
                 for (var _e = 0; _e < ce.length; _e++)
-                  br(ce[_e], o);
+                  Sr(ce[_e], n);
                 Object.freeze && Object.freeze(ce);
               } else
                 F("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
-              br(ce, o);
+              Sr(ce, n);
         }
         if (Qe.call(c, "key")) {
-          var Ce = fe(o), ne = Object.keys(c).filter(function(Ro) {
-            return Ro !== "key";
-          }), Dt = ne.length > 0 ? "{key: someKey, " + ne.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Sr[Ce + Dt]) {
-            var Eo = ne.length > 0 ? "{" + ne.join(": ..., ") + ": ...}" : "{}";
+          var Ce = fe(n), ne = Object.keys(c).filter(function(Oo) {
+            return Oo !== "key";
+          }), Bt = ne.length > 0 ? "{key: someKey, " + ne.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Pr[Ce + Bt]) {
+            var Ro = ne.length > 0 ? "{" + ne.join(": ..., ") + ": ...}" : "{}";
             F(`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} />`, Dt, Ce, Eo, Ce), Sr[Ce + Dt] = !0;
+  <%s key={someKey} {...props} />`, Bt, Ce, Ro, Ce), Pr[Ce + Bt] = !0;
           }
         }
-        return o === a ? Io(G) : Po(G), G;
+        return n === a ? Co(G) : Io(G), G;
       }
     }
-    function Co(o, c, p) {
-      return Pr(o, c, p, !0);
+    function To(n, c, p) {
+      return Ir(n, c, p, !0);
     }
-    function To(o, c, p) {
-      return Pr(o, c, p, !1);
+    function xo(n, c, p) {
+      return Ir(n, c, p, !1);
     }
-    var xo = To, wo = Co;
-    Ye.Fragment = a, Ye.jsx = xo, Ye.jsxs = wo;
+    var wo = xo, Eo = To;
+    Ye.Fragment = a, Ye.jsx = wo, Ye.jsxs = Eo;
   })()), Ye;
 }
-var Tr;
-function rn() {
-  return Tr || (Tr = 1, process.env.NODE_ENV === "production" ? mt.exports = en() : mt.exports = tn()), mt.exports;
-}
-var Ue = rn(), yt = { exports: {} }, R = {};
 var xr;
 function on() {
-  if (xr) return R;
-  xr = 1;
+  return xr || (xr = 1, process.env.NODE_ENV === "production" ? yt.exports = tn() : yt.exports = rn()), yt.exports;
+}
+var Ue = on(), ht = { exports: {} }, R = {};
+var wr;
+function nn() {
+  if (wr) return R;
+  wr = 1;
   var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, s = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, y = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, m = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, I = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, T = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, Z = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, W = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, q = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, le = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, he = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, re = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, F = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function H(d) {
     if (typeof d == "object" && d !== null) {
@@ -691,9 +691,9 @@ function on() {
   }, R.typeOf = H, R;
 }
 var O = {};
-var wr;
-function nn() {
-  return wr || (wr = 1, process.env.NODE_ENV !== "production" && (function() {
+var Er;
+function an() {
+  return Er || (Er = 1, process.env.NODE_ENV !== "production" && (function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? /* @__PURE__ */ Symbol.for("react.element") : 60103, r = e ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, a = e ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, i = e ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, s = e ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, l = e ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, y = e ? /* @__PURE__ */ Symbol.for("react.context") : 60110, m = e ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, g = e ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, I = e ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, T = e ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, Z = e ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, W = e ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, q = e ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, le = e ? /* @__PURE__ */ Symbol.for("react.block") : 60121, he = e ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, re = e ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, F = e ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function H(h) {
       return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
@@ -731,7 +731,7 @@ function nn() {
         }
       }
     }
-    var d = m, oe = g, Me = y, nt = l, it = t, wt = I, Et = a, at = q, fe = W, ve = r, Pe = s, st = i, lt = T, De = !1;
+    var d = m, oe = g, Me = y, nt = l, it = t, Et = I, Rt = a, at = q, fe = W, ve = r, Pe = s, st = i, lt = T, De = !1;
     function ct(h) {
       return De || (De = !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.")), Be(h) || L(h) === m;
     }
@@ -747,10 +747,10 @@ function nn() {
     function pt(h) {
       return typeof h == "object" && h !== null && h.$$typeof === t;
     }
-    function Rt(h) {
+    function Ot(h) {
       return L(h) === I;
     }
-    function Ot(h) {
+    function _t(h) {
       return L(h) === a;
     }
     function $e(h) {
@@ -768,21 +768,21 @@ function nn() {
     function Ee(h) {
       return L(h) === i;
     }
-    function _t(h) {
+    function At(h) {
       return L(h) === T;
     }
-    O.AsyncMode = d, O.ConcurrentMode = oe, O.ContextConsumer = Me, O.ContextProvider = nt, O.Element = it, O.ForwardRef = wt, O.Fragment = Et, O.Lazy = at, O.Memo = fe, O.Portal = ve, O.Profiler = Pe, O.StrictMode = st, O.Suspense = lt, O.isAsyncMode = ct, O.isConcurrentMode = Be, O.isContextConsumer = ut, O.isContextProvider = dt, O.isElement = pt, O.isForwardRef = Rt, O.isFragment = Ot, O.isLazy = $e, O.isMemo = Ne, O.isPortal = we, O.isProfiler = je, O.isStrictMode = Ee, O.isSuspense = _t, O.isValidElementType = H, O.typeOf = L;
+    O.AsyncMode = d, O.ConcurrentMode = oe, O.ContextConsumer = Me, O.ContextProvider = nt, O.Element = it, O.ForwardRef = Et, O.Fragment = Rt, O.Lazy = at, O.Memo = fe, O.Portal = ve, O.Profiler = Pe, O.StrictMode = st, O.Suspense = lt, O.isAsyncMode = ct, O.isConcurrentMode = Be, O.isContextConsumer = ut, O.isContextProvider = dt, O.isElement = pt, O.isForwardRef = Ot, O.isFragment = _t, O.isLazy = $e, O.isMemo = Ne, O.isPortal = we, O.isProfiler = je, O.isStrictMode = Ee, O.isSuspense = At, O.isValidElementType = H, O.typeOf = L;
   })()), O;
 }
-var Er;
-function an() {
-  return Er || (Er = 1, process.env.NODE_ENV === "production" ? yt.exports = on() : yt.exports = nn()), yt.exports;
-}
-var Bt, Rr;
+var Rr;
 function sn() {
-  if (Rr) return Bt;
-  Rr = 1;
-  var e = an(), t = {
+  return Rr || (Rr = 1, process.env.NODE_ENV === "production" ? ht.exports = nn() : ht.exports = an()), ht.exports;
+}
+var $t, Or;
+function ln() {
+  if (Or) return $t;
+  Or = 1;
+  var e = sn(), t = {
     childContextTypes: !0,
     contextType: !0,
     contextTypes: !0,
@@ -842,17 +842,17 @@ function sn() {
     }
     return q;
   }
-  return Bt = W, Bt;
+  return $t = W, $t;
 }
-sn();
-var ln = !0;
-function cn(e, t, r) {
+ln();
+var cn = !0;
+function un(e, t, r) {
   var a = "";
   return r.split(" ").forEach(function(i) {
     e[i] !== void 0 ? t.push(e[i] + ";") : i && (a += i + " ");
   }), a;
 }
-var Vr = function(t, r, a) {
+var Ur = function(t, r, a) {
   var i = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -863,9 +863,9 @@ var Vr = function(t, r, a) {
   // 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
-  ln === !1) && t.registered[i] === void 0 && (t.registered[i] = r.styles);
-}, un = function(t, r, a) {
-  Vr(t, r, a);
+  cn === !1) && t.registered[i] === void 0 && (t.registered[i] = r.styles);
+}, dn = function(t, r, a) {
+  Ur(t, r, a);
   var i = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var s = r;
@@ -874,7 +874,7 @@ var Vr = function(t, r, a) {
     while (s !== void 0);
   }
 };
-function dn(e) {
+function pn(e) {
   for (var t = 0, r, a = 0, i = e.length; i >= 4; ++a, i -= 4)
     r = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, r = /* Math.imul(k, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16), r ^= /* k >>> r: */
@@ -893,7 +893,7 @@ function dn(e) {
   return t ^= t >>> 13, t = /* Math.imul(h, m): */
   (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
 }
-var pn = {
+var fn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -943,24 +943,24 @@ var pn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function fn(e) {
+function mn(e) {
   var t = /* @__PURE__ */ Object.create(null);
   return function(r) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var mn = /[A-Z]|^ms/g, yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ur = function(t) {
+var yn = /[A-Z]|^ms/g, hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Wr = function(t) {
   return t.charCodeAt(1) === 45;
-}, Or = function(t) {
+}, _r = function(t) {
   return t != null && typeof t != "boolean";
-}, $t = /* @__PURE__ */ fn(function(e) {
-  return Ur(e) ? e : e.replace(mn, "-$&").toLowerCase();
-}), _r = function(t, r) {
+}, Nt = /* @__PURE__ */ mn(function(e) {
+  return Wr(e) ? e : e.replace(yn, "-$&").toLowerCase();
+}), Ar = function(t, r) {
   switch (t) {
     case "animation":
     case "animationName":
       if (typeof r == "string")
-        return r.replace(yn, function(a, i, s) {
+        return r.replace(hn, function(a, i, s) {
           return me = {
             name: i,
             styles: s,
@@ -968,7 +968,7 @@ var mn = /[A-Z]|^ms/g, yn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Ur = function(t) {
           }, i;
         });
   }
-  return pn[t] !== 1 && !Ur(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return fn[t] !== 1 && !Wr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function We(e, t, r) {
   if (r == null)
@@ -1000,7 +1000,7 @@ function We(e, t, r) {
         var y = s.styles + ";";
         return y;
       }
-      return hn(e, t, r);
+      return vn(e, t, r);
     }
     case "function": {
       if (e !== void 0) {
@@ -1013,7 +1013,7 @@ function We(e, t, r) {
   var I = r;
   return I;
 }
-function hn(e, t, r) {
+function vn(e, t, r) {
   var a = "";
   if (Array.isArray(r))
     for (var i = 0; i < r.length; i++)
@@ -1023,16 +1023,16 @@ function hn(e, t, r) {
       var l = r[s];
       if (typeof l != "object") {
         var y = l;
-        Or(y) && (a += $t(s) + ":" + _r(s, y) + ";");
+        _r(y) && (a += Nt(s) + ":" + Ar(s, y) + ";");
       } else if (Array.isArray(l) && typeof l[0] == "string" && t == null)
         for (var m = 0; m < l.length; m++)
-          Or(l[m]) && (a += $t(s) + ":" + _r(s, l[m]) + ";");
+          _r(l[m]) && (a += Nt(s) + ":" + Ar(s, l[m]) + ";");
       else {
         var g = We(e, t, l);
         switch (s) {
           case "animation":
           case "animationName": {
-            a += $t(s) + ":" + g + ";";
+            a += Nt(s) + ":" + g + ";";
             break;
           }
           default:
@@ -1042,8 +1042,8 @@ function hn(e, t, r) {
     }
   return a;
 }
-var Ar = /label:\s*([^\s;{]+)\s*(;|$)/g, me;
-function vn(e, t, r) {
+var kr = /label:\s*([^\s;{]+)\s*(;|$)/g, me;
+function gn(e, t, r) {
   if (e.length === 1 && typeof e[0] == "object" && e[0] !== null && e[0].styles !== void 0)
     return e[0];
   var a = !0, i = "";
@@ -1060,82 +1060,82 @@ function vn(e, t, r) {
       var m = s;
       i += m[y];
     }
-  Ar.lastIndex = 0;
-  for (var g = "", I; (I = Ar.exec(i)) !== null; )
+  kr.lastIndex = 0;
+  for (var g = "", I; (I = kr.exec(i)) !== null; )
     g += "-" + I[1];
-  var T = dn(i) + g;
+  var T = pn(i) + g;
   return {
     name: T,
     styles: i,
     next: me
   };
 }
-var gn = function(t) {
+var bn = function(t) {
   return t();
-}, bn = ge.useInsertionEffect ? ge.useInsertionEffect : !1, Sn = bn || gn, Wr = /* @__PURE__ */ ge.createContext(
+}, Sn = ge.useInsertionEffect ? ge.useInsertionEffect : !1, Pn = Sn || bn, qr = /* @__PURE__ */ ge.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
   // and we could have a special build just for that
   // but this is much easier and the native packages
   // might use a different theme context in the future anyway
-  typeof HTMLElement < "u" ? /* @__PURE__ */ Ao({
+  typeof HTMLElement < "u" ? /* @__PURE__ */ ko({
     key: "css"
   }) : null
 );
-Wr.Provider;
-var Pn = function(t) {
-  return /* @__PURE__ */ Oo(function(r, a) {
-    var i = Ae(Wr);
+qr.Provider;
+var In = function(t) {
+  return /* @__PURE__ */ _o(function(r, a) {
+    var i = Ae(qr);
     return t(r, i, a);
   });
-}, In = /* @__PURE__ */ ge.createContext({}), Ct = {}.hasOwnProperty, jt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", qr = function(t, r) {
+}, Cn = /* @__PURE__ */ ge.createContext({}), Tt = {}.hasOwnProperty, Lt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Hr = function(t, r) {
   var a = {};
   for (var i in r)
-    Ct.call(r, i) && (a[i] = r[i]);
-  return a[jt] = t, a;
-}, Cn = function(t) {
+    Tt.call(r, i) && (a[i] = r[i]);
+  return a[Lt] = t, a;
+}, Tn = function(t) {
   var r = t.cache, a = t.serialized, i = t.isStringTag;
-  return Vr(r, a, i), Sn(function() {
-    return un(r, a, i);
+  return Ur(r, a, i), Pn(function() {
+    return dn(r, a, i);
   }), null;
-}, Tn = /* @__PURE__ */ Pn(function(e, t, r) {
+}, xn = /* @__PURE__ */ In(function(e, t, r) {
   var a = e.css;
   typeof a == "string" && t.registered[a] !== void 0 && (a = t.registered[a]);
-  var i = e[jt], s = [a], l = "";
-  typeof e.className == "string" ? l = cn(t.registered, s, e.className) : e.className != null && (l = e.className + " ");
-  var y = vn(s, void 0, ge.useContext(In));
+  var i = e[Lt], s = [a], l = "";
+  typeof e.className == "string" ? l = un(t.registered, s, e.className) : e.className != null && (l = e.className + " ");
+  var y = gn(s, void 0, ge.useContext(Cn));
   l += t.key + "-" + y.name;
   var m = {};
   for (var g in e)
-    Ct.call(e, g) && g !== "css" && g !== jt && (m[g] = e[g]);
-  return m.className = l, r && (m.ref = r), /* @__PURE__ */ ge.createElement(ge.Fragment, null, /* @__PURE__ */ ge.createElement(Cn, {
+    Tt.call(e, g) && g !== "css" && g !== Lt && (m[g] = e[g]);
+  return m.className = l, r && (m.ref = r), /* @__PURE__ */ ge.createElement(ge.Fragment, null, /* @__PURE__ */ ge.createElement(Tn, {
     cache: t,
     serialized: y,
     isStringTag: typeof i == "string"
   }), /* @__PURE__ */ ge.createElement(i, m));
-}), Hr = Tn, et = Ue.Fragment, n = function(t, r, a) {
-  return Ct.call(r, "css") ? Ue.jsx(Hr, qr(t, r), a) : Ue.jsx(t, r, a);
+}), Gr = xn, et = Ue.Fragment, o = function(t, r, a) {
+  return Tt.call(r, "css") ? Ue.jsx(Gr, Hr(t, r), a) : Ue.jsx(t, r, a);
 }, w = function(t, r, a) {
-  return Ct.call(r, "css") ? Ue.jsxs(Hr, qr(t, r), a) : Ue.jsxs(t, r, a);
+  return Tt.call(r, "css") ? Ue.jsxs(Gr, Hr(t, r), a) : Ue.jsxs(t, r, a);
 };
-const xn = ({
+const wn = ({
   components: e = [],
   children: t
-}) => /* @__PURE__ */ n(et, { children: e.reduceRight(
-  (r, a) => /* @__PURE__ */ n(a, { children: r }),
+}) => /* @__PURE__ */ o(et, { children: e.reduceRight(
+  (r, a) => /* @__PURE__ */ o(a, { children: r }),
   t
-) }), Tt = {
+) }), xt = {
   playQueue: "PlayQueueStore",
   bottomBar: "BottomBarStore",
   playlistList: "PlaylistListStore",
   playlist: (e) => `PlaylistStore/${e}`
-}, Gr = qe(void 0), X = () => Ae(Gr), Nt = new ko({
+}, Jr = qe(void 0), X = () => Ae(Jr), jt = new Fo({
   coerceTypes: !0
 });
-function nr(e, t) {
+function ir(e, t) {
   let r;
-  if (r = Nt.getSchema(t), r === void 0 && (Nt.addSchema(e, t), r = Nt.getSchema(t)), r === void 0 || r.schema !== e)
+  if (r = jt.getSchema(t), r === void 0 && (jt.addSchema(e, t), r = jt.getSchema(t)), r === void 0 || r.schema !== e)
     throw new Error(
       `Invalid schema. Expected: '${JSON.stringify(
         e
@@ -1143,12 +1143,12 @@ function nr(e, t) {
     );
   return r;
 }
-var B = /* @__PURE__ */ ((e) => (e.Off = "Off", e.All = "All", e.One = "One", e))(B || {}), wn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, _ = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? En(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+var B = /* @__PURE__ */ ((e) => (e.Off = "Off", e.All = "All", e.One = "One", e))(B || {}), En = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, _ = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? Rn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && wn(t, r, i), i;
+  return a && i && En(t, r, i), i;
 };
-const Rn = {
+const On = {
   type: "object",
   properties: {
     repeat: {
@@ -1162,7 +1162,7 @@ const Rn = {
     }
   }
 };
-class Jr {
+class Kr {
   constructor(t) {
     this.bottomBar = t, ae(this);
   }
@@ -1176,18 +1176,18 @@ class Jr {
     this.bottomBar.repeat = t.repeat ?? B.Off, this.bottomBar.shuffle = t.shuffle ?? !1;
   }
   validateState(t) {
-    return nr(
-      Rn,
+    return ir(
+      On,
       "BottomBarLocalStorageState"
     )(t);
   }
 }
 _([
   f.struct
-], Jr.prototype, "state", 1);
+], Kr.prototype, "state", 1);
 class A {
   constructor(t, r) {
-    this.player = t, this.playQueue = r, ae(this), this.localStorageState = new Jr(this);
+    this.player = t, this.playQueue = r, ae(this), this.localStorageState = new Kr(this);
   }
   localStorageState;
   repeat = B.Off;
@@ -1365,19 +1365,19 @@ _([
 _([
   u.bound
 ], A.prototype, "removeFromPlayQueue", 1);
-const Kr = qe(void 0), tt = () => Ae(Kr), Xr = qe(void 0), Zr = () => Ae(Xr), On = ({
+const Xr = qe(void 0), tt = () => Ae(Xr), Zr = qe(void 0), eo = () => Ae(Zr), _n = ({
   children: e
 }) => {
-  const t = Zr(), r = tt(), [a] = Y(() => new A(t, r));
-  return gt(
-    Tt.bottomBar,
+  const t = eo(), r = tt(), [a] = Y(() => new A(t, r));
+  return bt(
+    xt.bottomBar,
     a.localStorageState
-  ), /* @__PURE__ */ n(Gr.Provider, { value: a, children: e });
-}, eo = qe(void 0), _n = () => Ae(eo);
-var An = Object.defineProperty, kn = Object.getOwnPropertyDescriptor, ye = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? kn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+  ), /* @__PURE__ */ o(Jr.Provider, { value: a, children: e });
+}, to = qe(void 0), An = () => Ae(to);
+var kn = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, ye = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? Fn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && An(t, r, i), i;
+  return a && i && kn(t, r, i), i;
 };
 class pe {
   constructor(t, r, a) {
@@ -1460,14 +1460,14 @@ ye([
 ye([
   u.bound
 ], pe.prototype, "onControllerChange", 1);
-const Fn = ({
+const Mn = ({
   children: e
 }) => {
-  const t = Zr(), r = tt(), a = X(), [i] = Y(
+  const t = eo(), r = tt(), a = X(), [i] = Y(
     () => new pe(t, r, a)
   );
-  return /* @__PURE__ */ n(eo.Provider, { value: i, children: e });
-}, to = {
+  return /* @__PURE__ */ o(to.Provider, { value: i, children: e });
+}, ro = {
   type: "object",
   properties: {
     url: {
@@ -1484,7 +1484,7 @@ const Fn = ({
     }
   },
   required: ["url", "type", "videoId", "title"]
-}, Mn = {
+}, Dn = {
   type: "object",
   properties: {
     version: {
@@ -1503,7 +1503,7 @@ const Fn = ({
     items: {
       type: "array",
       nullable: !0,
-      items: to
+      items: ro
     },
     currentIndex: {
       type: "integer",
@@ -1511,20 +1511,20 @@ const Fn = ({
     }
   }
 };
-var Dn = Object.defineProperty, Bn = Object.getOwnPropertyDescriptor, V = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? Bn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+var Bn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, V = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? $n(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && Dn(t, r, i), i;
+  return a && i && Bn(t, r, i), i;
 };
-const N = class Lt {
+const N = class Qt {
   constructor(t, r) {
-    this.playQueue = t, this.dto = r, ae(this), this.id = Lt.nextId++;
+    this.playQueue = t, this.dto = r, ae(this), this.id = Qt.nextId++;
   }
   static nextId = 1;
   id;
   isSelected = !1;
   static fromDto(t, r) {
-    return new Lt(t, r);
+    return new Qt(t, r);
   }
   get url() {
     return this.dto.url;
@@ -1665,13 +1665,13 @@ V([
 V([
   u.bound
 ], N.prototype, "removeOthers", 1);
-let $n = N;
-var Nn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, b = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? jn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+let Nn = N;
+var jn = Object.defineProperty, Ln = Object.getOwnPropertyDescriptor, b = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? Ln(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && Nn(t, r, i), i;
+  return a && i && jn(t, r, i), i;
 };
-class ro {
+class oo {
   constructor(t) {
     this.playQueue = t, ae(this);
   }
@@ -1688,21 +1688,21 @@ class ro {
     ) ?? [], this.playQueue.currentIndex = t.currentIndex;
   }
   validateState(t) {
-    return nr(Mn, "PlayQueueDto")(t);
+    return ir(Dn, "PlayQueueDto")(t);
   }
 }
 b([
   f.struct
-], ro.prototype, "state", 1);
+], oo.prototype, "state", 1);
 class S {
   localStorageState;
   items = [];
   currentId;
   constructor() {
-    ae(this), this.localStorageState = new ro(this);
+    ae(this), this.localStorageState = new oo(this);
   }
   createItemFromDto(t) {
-    return $n.fromDto(this, {
+    return Nn.fromDto(this, {
       url: t.url,
       type: t.type,
       videoId: t.videoId,
@@ -1827,9 +1827,9 @@ class S {
   }
   async removeItems(t) {
     const { currentItem: r } = this;
-    ht(this.items, ...t.filter((s) => s !== r));
+    vt(this.items, ...t.filter((s) => s !== r));
     const { currentIndex: a, isLastItem: i } = this;
-    ht(
+    vt(
       this.items,
       t.find((s) => s === r)
     ), this.currentItem !== r && (i ? await this.goToFirst() : this.currentIndex = a);
@@ -1980,29 +1980,29 @@ b([
 b([
   u.bound
 ], S.prototype, "addItemFromDto", 1);
-const Ln = ({
+const Qn = ({
   children: e
 }) => {
   const [t] = Y(() => new S());
-  gt(
-    Tt.playQueue,
+  bt(
+    xt.playQueue,
     t.localStorageState
   );
   const r = Ge();
-  return _o(() => Fo(
+  return Ao(() => Mo(
     () => t.currentItem,
     async (a, i) => {
       a === void 0 || i === void 0 || a.type === i.type && a.videoId === i.videoId && await r.setCurrentTime(0);
     }
-  ), [t, r]), /* @__PURE__ */ n(Kr.Provider, { value: t, children: e });
+  ), [t, r]), /* @__PURE__ */ o(Xr.Provider, { value: t, children: e });
 };
-var Qn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, ue = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? zn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+var zn = Object.defineProperty, Yn = Object.getOwnPropertyDescriptor, ue = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? Yn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && Qn(t, r, i), i;
+  return a && i && zn(t, r, i), i;
 };
 class se {
-  controller = Mo;
+  controller = Do;
   playing = !1;
   percent = 0;
   seeking = !1;
@@ -2070,18 +2070,18 @@ ue([
 ue([
   u.bound
 ], se.prototype, "onTimeUpdate", 1);
-const Yn = ({
+const Vn = ({
   children: e
 }) => {
   const [t] = Y(() => new se());
-  return /* @__PURE__ */ n(Xr.Provider, { value: t, children: e });
-}, oo = qe(
+  return /* @__PURE__ */ o(Zr.Provider, { value: t, children: e });
+}, no = qe(
   void 0
-), Vn = () => Ae(oo);
-var Un = Object.defineProperty, Wn = Object.getOwnPropertyDescriptor, xt = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? Wn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+), Un = () => Ae(no);
+var Wn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, wt = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? qn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && Un(t, r, i), i;
+  return a && i && Wn(t, r, i), i;
 };
 class Fe {
   constructor(t, r, a) {
@@ -2096,24 +2096,24 @@ class Fe {
     return this.playlistList.removeItem(this);
   }
 }
-xt([
+wt([
   te
 ], Fe.prototype, "id", 2);
-xt([
+wt([
   te
 ], Fe.prototype, "name", 2);
-xt([
+wt([
   u.bound
 ], Fe.prototype, "rename", 1);
-xt([
+wt([
   u.bound
 ], Fe.prototype, "remove", 1);
-var qn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, rt = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? Hn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+var Hn = Object.defineProperty, Gn = Object.getOwnPropertyDescriptor, rt = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? Gn(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && qn(t, r, i), i;
+  return a && i && Hn(t, r, i), i;
 };
-class no {
+class io {
   constructor(t) {
     this.playlistList = t, ae(this);
   }
@@ -2140,12 +2140,12 @@ class no {
 }
 rt([
   f.struct
-], no.prototype, "state", 1);
+], io.prototype, "state", 1);
 class ot {
   localStorageState;
   items = [];
   constructor() {
-    ae(this), this.localStorageState = new no(this);
+    ae(this), this.localStorageState = new io(this);
   }
   createItem(t) {
     return new Fe(this, crypto.randomUUID(), t);
@@ -2157,7 +2157,7 @@ class ot {
     this.items.push(t);
   }
   async removeItem(t) {
-    ht(this.items, t);
+    vt(this.items, t);
   }
 }
 rt([
@@ -2172,33 +2172,33 @@ rt([
 rt([
   u.bound
 ], ot.prototype, "removeItem", 1);
-const Gn = ({
+const Jn = ({
   children: e
 }) => {
   const [t] = Y(() => new ot());
-  return gt(
-    Tt.playlistList,
+  return bt(
+    xt.playlistList,
     t.localStorageState
-  ), /* @__PURE__ */ n(oo.Provider, { value: t, children: e });
-}, ba = ({
+  ), /* @__PURE__ */ o(no.Provider, { value: t, children: e });
+}, Sa = ({
   children: e,
   nostalgicDivaProps: t
-}) => /* @__PURE__ */ n(Do, { ...t, children: /* @__PURE__ */ n(
-  xn,
+}) => /* @__PURE__ */ o(Bo, { ...t, children: /* @__PURE__ */ o(
+  wn,
   {
     components: [
-      Yn,
-      Ln,
-      On,
-      Fn,
-      Gn
+      Vn,
+      Qn,
+      _n,
+      Mn,
+      Jn
     ],
     children: e
   }
-) }), Qt = {
+) }), zt = {
   width: 400,
   height: 225
-}, Sa = P(
+}, Pa = P(
   ({ children: e }) => {
     const t = tt();
     return /* @__PURE__ */ w(
@@ -2206,132 +2206,132 @@ const Gn = ({
       {
         panelled: !0,
         style: {
-          minBlockSize: `max(460px, 100vh - ${Yr}px)`
+          minBlockSize: `max(460px, 100vh - ${Vr}px)`
         },
         children: [
           e,
-          !t.isEmpty && /* @__PURE__ */ n(bt, { style: { blockSize: Qt.height } })
+          !t.isEmpty && /* @__PURE__ */ o(St, { style: { blockSize: zt.height } })
         ]
       }
     );
   }
-), Jn = P(() => {
+), Kn = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: `Shuffle: ${e.shuffle ? "On" : "Off"}`,
       "aria-label": `Shuffle: ${e.shuffle ? "On" : "Off"}`,
-      iconType: e.shuffle ? Qo : zo,
+      iconType: e.shuffle ? zo : Yo,
       size: "s",
       iconSize: "l",
       onClick: e.toggleShuffle,
       disabled: !e.canToggleShuffle
     }
   );
-}), Kn = P(() => {
+}), Xn = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Previous",
       "aria-label": "Previous",
-      iconType: Yo,
+      iconType: Vo,
       size: "s",
       iconSize: "l",
       onClick: e.previous,
       disabled: !e.canPrevious
     }
   );
-}), Xn = P(() => {
+}), Zn = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Skip back 10 seconds",
       "aria-label": "Skip back 10 seconds",
-      iconType: $r,
+      iconType: Nr,
       size: "s",
       iconSize: "l",
       onClick: e.skipBack10,
       disabled: !e.canSkipBack10
     }
   );
-}), Zn = P(() => {
+}), ei = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Pause",
       "aria-label": "Pause",
-      iconType: Vo,
+      iconType: Uo,
       size: "s",
       iconSize: "l",
       onClick: e.pause,
       disabled: !e.canPause
     }
   );
-}), ei = P(() => {
+}), ti = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Play",
       "aria-label": "Play",
-      iconType: Uo,
+      iconType: Wo,
       size: "s",
       iconSize: "l",
       onClick: e.play,
       disabled: !e.canPlay
     }
   );
-}), ti = P(() => {
+}), ri = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Skip forward 30 seconds",
       "aria-label": "Skip forward 30 seconds",
-      iconType: Nr,
+      iconType: jr,
       size: "s",
       iconSize: "l",
       onClick: e.skipForward30,
       disabled: !e.canSkipForward30
     }
   );
-}), ri = P(() => {
+}), oi = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Next",
       "aria-label": "Next",
-      iconType: Wo,
+      iconType: qo,
       size: "s",
       iconSize: "l",
       onClick: e.next,
       disabled: !e.canNext
     }
   );
-}), oi = {
-  [B.Off]: Go,
-  [B.All]: Ho,
-  [B.One]: qo
-}, ni = P(() => {
+}), ni = {
+  [B.Off]: Jo,
+  [B.All]: Go,
+  [B.One]: Ho
+}, ii = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: `Repeat: ${e.repeat === B.All ? "All" : e.repeat === B.One ? "One" : "Off"}`,
       "aria-label": `Repeat: ${e.repeat === B.All ? "All" : e.repeat === B.One ? "One" : "Off"}`,
-      iconType: oi[e.repeat],
+      iconType: ni[e.repeat],
       size: "s",
       iconSize: "l",
       onClick: e.toggleRepeat,
       disabled: !e.canToggleRepeat
     }
   );
-}), ii = P(() => {
+}), ai = P(() => {
   const e = X();
   return /* @__PURE__ */ w(
     be,
@@ -2341,17 +2341,17 @@ const Gn = ({
       justifyContent: "center",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ n(Jn, {}),
-        /* @__PURE__ */ n(Kn, {}),
-        /* @__PURE__ */ n(Xn, {}),
-        e.playing ? /* @__PURE__ */ n(Zn, {}) : /* @__PURE__ */ n(ei, {}),
-        /* @__PURE__ */ n(ti, {}),
-        /* @__PURE__ */ n(ri, {}),
-        /* @__PURE__ */ n(ni, {})
+        /* @__PURE__ */ o(mt, { sizes: ["xs"], children: /* @__PURE__ */ o(Kn, {}) }),
+        /* @__PURE__ */ o(Xn, {}),
+        /* @__PURE__ */ o(mt, { sizes: ["xs"], children: /* @__PURE__ */ o(Zn, {}) }),
+        e.playing ? /* @__PURE__ */ o(ei, {}) : /* @__PURE__ */ o(ti, {}),
+        /* @__PURE__ */ o(mt, { sizes: ["xs"], children: /* @__PURE__ */ o(ri, {}) }),
+        /* @__PURE__ */ o(oi, {}),
+        /* @__PURE__ */ o(mt, { sizes: ["xs"], children: /* @__PURE__ */ o(ii, {}) })
       ]
     }
   );
-}), ir = {
+}), ar = {
   Audio: "",
   Dailymotion: "https://www.dailymotion.com/favicon.ico",
   Niconico: "https://www.nicovideo.jp/favicon.ico",
@@ -2359,7 +2359,7 @@ const Gn = ({
   Twitch: "https://www.twitch.tv/favicon.ico",
   Vimeo: "https://vimeo.com/favicon.ico",
   YouTube: "https://www.youtube.com/favicon.ico"
-}, ai = de(
+}, si = de(
   ({ item: e, closePopover: t }) => {
     const r = $(
       ({
@@ -2381,14 +2381,14 @@ const Gn = ({
           items: [
             r({
               name: "Open in new tab",
-              icon: /* @__PURE__ */ n(z, { type: Jo }),
+              icon: /* @__PURE__ */ o(z, { type: Ko }),
               onClick: async () => {
                 window.open(e.dto.url, "_blank");
               }
             }),
             r({
               name: "Copy link address",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: async () => {
                 await navigator.clipboard.writeText(
                   e.dto.url
@@ -2397,7 +2397,7 @@ const Gn = ({
             }),
             r({
               name: "Copy link text",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: async () => {
                 await navigator.clipboard.writeText(
                   e.dto.title
@@ -2409,18 +2409,18 @@ const Gn = ({
       ],
       [r, e]
     );
-    return /* @__PURE__ */ n(St, { initialPanelId: 0, panels: a });
+    return /* @__PURE__ */ o(Pt, { initialPanelId: 0, panels: a });
   }
-), si = de(
+), li = de(
   ({ item: e }) => {
     const [t, r] = Y(!1), a = $(() => r(!t), [t]), i = $(() => r(!1), []);
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ o(
       Ke,
       {
-        button: /* @__PURE__ */ n(
-          Pt,
+        button: /* @__PURE__ */ o(
+          It,
           {
-            iconType: ir[e.type],
+            iconType: ar[e.type],
             size: "s",
             onClick: a,
             children: e.title
@@ -2430,8 +2430,8 @@ const Gn = ({
         closePopover: i,
         panelPaddingSize: "none",
         anchorPosition: "upLeft",
-        children: /* @__PURE__ */ n(
-          ai,
+        children: /* @__PURE__ */ o(
+          si,
           {
             item: e,
             closePopover: i
@@ -2440,35 +2440,35 @@ const Gn = ({
       }
     );
   }
-), li = P(() => {
+), ci = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     be,
     {
       responsive: !1,
       gutterSize: "s",
       justifyContent: "flexStart",
       alignItems: "center",
-      children: e.currentItem && /* @__PURE__ */ n(si, { item: e.currentItem })
+      children: e.currentItem && /* @__PURE__ */ o(li, { item: e.currentItem })
     }
   );
-}), ci = P(() => {
+}), ui = P(() => {
   const e = X();
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ o(
     ie,
     {
       title: "Mute",
       "aria-label": "Mute",
-      iconType: jr,
+      iconType: Lr,
       size: "s",
       iconSize: "l",
       disabled: !e.controller.supports("setMuted")
     }
   );
-}), ui = P(
+}), di = P(
   ({ button: e, isOpen: t, closePopover: r }) => {
     const a = X(), [i, s] = Y("0"), l = Ge();
-    Fr(() => {
+    Mr(() => {
       t && l.getVolume().then((m) => {
         m !== void 0 && s(Math.floor(m * 100).toString());
       });
@@ -2479,14 +2479,14 @@ const Gn = ({
       },
       [l]
     );
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ o(
       Ke,
       {
         button: e,
         isOpen: t,
         closePopover: r,
         anchorPosition: "upRight",
-        children: /* @__PURE__ */ n(Ve, { children: /* @__PURE__ */ w(
+        children: /* @__PURE__ */ o(Ve, { children: /* @__PURE__ */ w(
           be,
           {
             responsive: !1,
@@ -2494,9 +2494,9 @@ const Gn = ({
             justifyContent: "center",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ n(ci, {}),
-              /* @__PURE__ */ n(
-                Mr,
+              /* @__PURE__ */ o(ui, {}),
+              /* @__PURE__ */ o(
+                Dr,
                 {
                   min: 0,
                   max: 100,
@@ -2513,17 +2513,17 @@ const Gn = ({
       }
     );
   }
-), di = P(() => {
+), pi = P(() => {
   const e = X(), [t, r] = Y(!1);
-  return /* @__PURE__ */ n(
-    ui,
+  return /* @__PURE__ */ o(
+    di,
     {
-      button: /* @__PURE__ */ n(
+      button: /* @__PURE__ */ o(
         ie,
         {
           title: "Volume",
           "aria-label": "Volume",
-          iconType: jr,
+          iconType: Lr,
           size: "s",
           iconSize: "l",
           onClick: () => r(!t),
@@ -2534,19 +2534,19 @@ const Gn = ({
       closePopover: () => r(!1)
     }
   );
-}), pi = ({
+}), fi = ({
   onClickPlayQueueButton: e
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ o(
   ie,
   {
     title: "Play queue",
     "aria-label": "Play queue",
-    iconType: Xo,
+    iconType: Zo,
     size: "s",
     iconSize: "l",
     onClick: e
   }
-), fi = P(
+), mi = P(
   ({ closePopover: e }) => {
     const t = X(), r = Ge(), a = $(async () => {
       await t.skipBack10(), e();
@@ -2568,7 +2568,7 @@ const Gn = ({
           items: [
             {
               name: "Speed",
-              icon: /* @__PURE__ */ n(z, { type: Ko }),
+              icon: /* @__PURE__ */ o(z, { type: Xo }),
               panel: 1,
               onClick: g,
               disabled: !t.controller.supports(
@@ -2577,13 +2577,13 @@ const Gn = ({
             },
             {
               name: "Skip back 10 seconds",
-              icon: /* @__PURE__ */ n(z, { type: $r }),
+              icon: /* @__PURE__ */ o(z, { type: Nr }),
               onClick: a,
               disabled: !t.canSkipBack10
             },
             {
               name: "Skip forward 30 seconds",
-              icon: /* @__PURE__ */ n(z, { type: Nr }),
+              icon: /* @__PURE__ */ o(z, { type: jr }),
               onClick: i,
               disabled: !t.canSkipForward30
             },
@@ -2592,7 +2592,7 @@ const Gn = ({
             },
             {
               name: "Remove from play queue",
-              icon: /* @__PURE__ */ n(z, { type: Ze }),
+              icon: /* @__PURE__ */ o(z, { type: Ze }),
               onClick: l,
               disabled: !t.canRemoveFromPlayQueue
             }
@@ -2623,14 +2623,14 @@ const Gn = ({
         y
       ]
     );
-    return /* @__PURE__ */ n(St, { initialPanelId: 0, panels: I });
+    return /* @__PURE__ */ o(Pt, { initialPanelId: 0, panels: I });
   }
-), mi = de(
+), yi = de(
   ({
     button: e,
     isOpen: t,
     closePopover: r
-  }) => /* @__PURE__ */ n(
+  }) => /* @__PURE__ */ o(
     Ke,
     {
       button: e,
@@ -2638,20 +2638,20 @@ const Gn = ({
       closePopover: r,
       panelPaddingSize: "none",
       anchorPosition: "upRight",
-      children: /* @__PURE__ */ n(fi, { closePopover: r })
+      children: /* @__PURE__ */ o(mi, { closePopover: r })
     }
   )
-), yi = de(() => {
+), hi = de(() => {
   const [e, t] = Y(!1);
-  return /* @__PURE__ */ n(
-    mi,
+  return /* @__PURE__ */ o(
+    yi,
     {
-      button: /* @__PURE__ */ n(
+      button: /* @__PURE__ */ o(
         ie,
         {
           title: "More options",
           "aria-label": "More options",
-          iconType: er,
+          iconType: tr,
           size: "s",
           iconSize: "l",
           onClick: () => t(!e)
@@ -2661,7 +2661,7 @@ const Gn = ({
       closePopover: () => t(!1)
     }
   );
-}), hi = de(
+}), vi = de(
   ({ onClickPlayQueueButton: e }) => /* @__PURE__ */ w(
     be,
     {
@@ -2670,18 +2670,18 @@ const Gn = ({
       justifyContent: "flexEnd",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ n(di, {}),
-        e && /* @__PURE__ */ n(
-          pi,
+        /* @__PURE__ */ o(pi, {}),
+        e && /* @__PURE__ */ o(
+          fi,
           {
             onClickPlayQueueButton: e
           }
         ),
-        /* @__PURE__ */ n(yi, {})
+        /* @__PURE__ */ o(hi, {})
       ]
     }
   )
-), vi = P(() => {
+), gi = P(() => {
   const e = X(), t = Ge(), r = $(
     (s) => {
       const l = Number(s.currentTarget.value) / 100;
@@ -2704,8 +2704,8 @@ const Gn = ({
     },
     [e, t]
   );
-  return /* @__PURE__ */ n(
-    Mr,
+  return /* @__PURE__ */ o(
+    Dr,
     {
       min: 0,
       max: 100,
@@ -2720,22 +2720,22 @@ const Gn = ({
       disabled: !e.canSeek
     }
   );
-}), Pa = P(
-  ({ onClickPlayQueueButton: e }) => /* @__PURE__ */ n(No, { paddingSize: "s", children: /* @__PURE__ */ w(be, { direction: "column", gutterSize: "none", children: [
-    /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(vi, {}) }),
-    /* @__PURE__ */ n(K, { children: /* @__PURE__ */ w(be, { responsive: !1, children: [
-      /* @__PURE__ */ n(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ n(li, {}) }),
-      /* @__PURE__ */ n(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ n(ii, {}) }),
-      /* @__PURE__ */ n(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ n(
-        hi,
+}), Ia = P(
+  ({ onClickPlayQueueButton: e }) => /* @__PURE__ */ o(jo, { paddingSize: "s", children: /* @__PURE__ */ w(be, { direction: "column", gutterSize: "none", children: [
+    /* @__PURE__ */ o(K, { children: /* @__PURE__ */ o(gi, {}) }),
+    /* @__PURE__ */ o(K, { children: /* @__PURE__ */ w(be, { responsive: !1, children: [
+      /* @__PURE__ */ o(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(ci, {}) }),
+      /* @__PURE__ */ o(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(ai, {}) }),
+      /* @__PURE__ */ o(K, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
+        vi,
         {
           onClickPlayQueueButton: e
         }
       ) })
     ] }) })
   ] }) })
-), Ia = P(() => {
-  const e = _n(), t = He(
+), Ca = P(() => {
+  const e = An(), t = He(
     () => ({
       onLoaded: e.onLoaded,
       onPlay: e.onPlay,
@@ -2745,24 +2745,24 @@ const Gn = ({
     }),
     [e]
   );
-  return Fr(() => (window.addEventListener("click", e.interact, { once: !0 }), () => {
+  return Mr(() => (window.addEventListener("click", e.interact, { once: !0 }), () => {
     window.removeEventListener("click", e.interact);
-  }), [e]), /* @__PURE__ */ n(
+  }), [e]), /* @__PURE__ */ o(
     "div",
     {
       css: {
         position: "fixed",
         right: 0,
-        bottom: Yr,
-        width: Qt.width,
-        height: Qt.height,
+        bottom: Vr,
+        width: zt.width,
+        height: zt.height,
         zIndex: 998,
         backgroundColor: "rgb(39, 39, 39)",
         display: "flex",
         flexDirection: "column"
       },
-      children: /* @__PURE__ */ n("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: e.currentItem && /* @__PURE__ */ n(
-        Bo,
+      children: /* @__PURE__ */ o("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: e.currentItem && /* @__PURE__ */ o(
+        $o,
         {
           src: e.currentItem.url,
           options: t,
@@ -2772,16 +2772,16 @@ const Gn = ({
     }
   );
 });
-function gi(e) {
+function bi(e) {
   return e !== null && typeof e == "object" && "title" in e && typeof e.title == "string";
 }
-const bi = Se.create(
+const Si = Se.create(
   ({ remove: e, resolve: t }) => {
-    const r = Yt({ prefix: "modalForm" }), [a, i] = Y(""), [s, l] = Y(""), [y, m] = Y(!1);
-    return /* @__PURE__ */ w(Gt, { onClose: e, initialFocus: "[name=url]", children: [
-      /* @__PURE__ */ n(Ut, { children: /* @__PURE__ */ n(Vt, { children: "Add video" }) }),
-      /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ w(
-        Wt,
+    const r = Vt({ prefix: "modalForm" }), [a, i] = Y(""), [s, l] = Y(""), [y, m] = Y(!1);
+    return /* @__PURE__ */ w(Jt, { onClose: e, initialFocus: "[name=url]", children: [
+      /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ o(Ut, { children: "Add video" }) }),
+      /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ w(
+        qt,
         {
           id: r,
           component: "form",
@@ -2789,7 +2789,7 @@ const bi = Se.create(
             g.preventDefault();
             try {
               m(!0);
-              const I = $o(a);
+              const I = No(a);
               if (I === void 0)
                 return;
               const T = I.extractVideoId(a);
@@ -2802,23 +2802,23 @@ const bi = Se.create(
                 url: a,
                 type: I.type,
                 videoId: T,
-                title: s || (gi(W) ? W.title : T)
+                title: s || (bi(W) ? W.title : T)
               }), e();
             } finally {
               m(!1);
             }
           },
           children: [
-            /* @__PURE__ */ n(Ve, { label: "URL", children: /* @__PURE__ */ n(
-              vt,
+            /* @__PURE__ */ o(Ve, { label: "URL", children: /* @__PURE__ */ o(
+              gt,
               {
                 name: "url",
                 value: a,
                 onChange: (g) => i(g.target.value)
               }
             ) }),
-            /* @__PURE__ */ n(Ve, { label: "Title", children: /* @__PURE__ */ n(
-              vt,
+            /* @__PURE__ */ o(Ve, { label: "Title", children: /* @__PURE__ */ o(
+              gt,
               {
                 name: "title",
                 value: s,
@@ -2828,9 +2828,9 @@ const bi = Se.create(
           ]
         }
       ) }),
-      /* @__PURE__ */ w(Ht, { children: [
-        /* @__PURE__ */ n(Pt, { onClick: e, children: "Cancel" }),
-        /* @__PURE__ */ n(
+      /* @__PURE__ */ w(Gt, { children: [
+        /* @__PURE__ */ o(It, { onClick: e, children: "Cancel" }),
+        /* @__PURE__ */ o(
           J,
           {
             type: "submit",
@@ -2844,18 +2844,18 @@ const bi = Se.create(
       ] })
     ] });
   }
-), ar = de(
-  ({ onFulfilled: e }) => /* @__PURE__ */ n(
+), sr = de(
+  ({ onFulfilled: e }) => /* @__PURE__ */ o(
     J,
     {
-      onClick: () => Se.show(bi).then(e),
+      onClick: () => Se.show(Si).then(e),
       iconType: ke,
       color: "primary",
       children: "Add video"
     }
   )
-), Si = P(
-  ({ playQueue: e }) => /* @__PURE__ */ n(
+), Pi = P(
+  ({ playQueue: e }) => /* @__PURE__ */ o(
     J,
     {
       iconType: ke,
@@ -2864,7 +2864,7 @@ const bi = Se.create(
       children: "Add to play queue"
     }
   )
-), Pi = P(
+), Ii = P(
   ({ playQueue: e }) => {
     const { euiTheme: t } = Xe();
     return /* @__PURE__ */ w(
@@ -2879,7 +2879,7 @@ const bi = Se.create(
           background: t.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(
             J,
             {
               disabled: !e.canPlaySelectedItemsNext,
@@ -2887,8 +2887,8 @@ const bi = Se.create(
               children: "Play next"
             }
           ) }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(Si, { playQueue: e }) }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(Pi, { playQueue: e }) }),
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(
             J,
             {
               iconType: Ze,
@@ -2897,26 +2897,26 @@ const bi = Se.create(
               children: "Remove"
             }
           ) }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(
             J,
             {
-              iconType: Lr,
+              iconType: Qr,
               onClick: e.clear,
               disabled: !e.canClear,
               children: "Clear"
             }
           ) }),
-          /* @__PURE__ */ n(K, { grow: !0 }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(ar, { onFulfilled: e.addItemFromDto }) })
+          /* @__PURE__ */ o(K, { grow: !0 }),
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(sr, { onFulfilled: e.addItemFromDto }) })
         ]
       }
     );
   }
-), Ii = P(
+), Ci = P(
   ({ playQueue: e }) => {
     const { euiTheme: t } = Xe();
     return /* @__PURE__ */ w(
-      Jt,
+      Kt,
       {
         style: {
           position: "sticky",
@@ -2925,8 +2925,8 @@ const bi = Se.create(
           background: t.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ n(Dr, { children: /* @__PURE__ */ n(
-            It,
+          /* @__PURE__ */ o(Br, { children: /* @__PURE__ */ o(
+            Ct,
             {
               id: "",
               checked: e.allItemsSelected,
@@ -2935,14 +2935,14 @@ const bi = Se.create(
               }
             }
           ) }),
-          /* @__PURE__ */ n(Te, { width: 24 }),
-          /* @__PURE__ */ n(Te, { children: "Title" }),
-          /* @__PURE__ */ n(Te, {})
+          /* @__PURE__ */ o(Te, { width: 24 }),
+          /* @__PURE__ */ o(Te, { children: "Title" }),
+          /* @__PURE__ */ o(Te, {})
         ]
       }
     );
   }
-), Ci = de(
+), Ti = de(
   ({
     item: e,
     closePopover: t
@@ -2969,17 +2969,17 @@ const bi = Se.create(
           items: [
             r({
               name: "Play first",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.playFirst
             }),
             r({
               name: "Play next",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.playNext
             }),
             r({
               name: "Add to play queue",
-              icon: /* @__PURE__ */ n(z, { type: ke }),
+              icon: /* @__PURE__ */ o(z, { type: ke }),
               onClick: e.addToPlayQueue
             }),
             {
@@ -2987,13 +2987,13 @@ const bi = Se.create(
             },
             r({
               name: "Move to the top",
-              icon: /* @__PURE__ */ n(z, { type: Qr }),
+              icon: /* @__PURE__ */ o(z, { type: zr }),
               onClick: e.moveToTop,
               disabled: !e.canMoveToTop
             }),
             r({
               name: "Move to the bottom",
-              icon: /* @__PURE__ */ n(z, { type: zr }),
+              icon: /* @__PURE__ */ o(z, { type: Yr }),
               onClick: e.moveToBottom,
               disabled: !e.canMoveToBottom
             }),
@@ -3002,13 +3002,13 @@ const bi = Se.create(
             },
             r({
               name: "Remove to the top",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.removeToTop,
               disabled: !e.canRemoveToTop
             }),
             r({
               name: "Remove others",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.removeOthers,
               disabled: !e.canRemoveOthers
             })
@@ -3017,20 +3017,20 @@ const bi = Se.create(
       ],
       [r, e]
     );
-    return /* @__PURE__ */ n(St, { initialPanelId: 0, panels: a });
+    return /* @__PURE__ */ o(Pt, { initialPanelId: 0, panels: a });
   }
-), Ti = de(
+), xi = de(
   ({ item: e }) => {
     const [t, r] = Y(!1), a = $(() => r(!t), [t]), i = $(() => r(!1), []);
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ o(
       Ke,
       {
-        button: /* @__PURE__ */ n(
+        button: /* @__PURE__ */ o(
           ie,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: er,
+            iconType: tr,
             size: "s",
             color: "text",
             onClick: a
@@ -3040,8 +3040,8 @@ const bi = Se.create(
         closePopover: i,
         panelPaddingSize: "none",
         anchorPosition: "leftCenter",
-        children: /* @__PURE__ */ n(
-          Ci,
+        children: /* @__PURE__ */ o(
+          Ti,
           {
             item: e,
             closePopover: i
@@ -3050,14 +3050,14 @@ const bi = Se.create(
       }
     );
   }
-), xi = P(
+), wi = P(
   ({ item: e }) => {
     const t = Ge();
     return /* @__PURE__ */ w(xe, { textOnly: !1, hasActions: !0, align: "right", children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         J,
         {
-          iconType: tr,
+          iconType: rr,
           size: "s",
           onClick: async () => {
             e.isCurrent ? await t.setCurrentTime(0) : await e.play();
@@ -3065,7 +3065,7 @@ const bi = Se.create(
           children: "Play"
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         J,
         {
           iconType: Ze,
@@ -3074,53 +3074,53 @@ const bi = Se.create(
           children: "Remove"
         }
       ),
-      /* @__PURE__ */ n(Ti, { item: e })
+      /* @__PURE__ */ o(xi, { item: e })
     ] });
   }
-), wi = P(
-  ({ item: e }) => /* @__PURE__ */ w(Xt, { isSelected: e.isCurrent, children: [
-    /* @__PURE__ */ n(Br, { children: /* @__PURE__ */ n(
-      It,
+), Ei = P(
+  ({ item: e }) => /* @__PURE__ */ w(Zt, { isSelected: e.isCurrent, children: [
+    /* @__PURE__ */ o($r, { children: /* @__PURE__ */ o(
+      Ct,
       {
         id: e.id.toString(),
         checked: e.isSelected,
         onChange: e.toggleSelected
       }
     ) }),
-    /* @__PURE__ */ n(xe, { textOnly: !1, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ o(xe, { textOnly: !1, children: /* @__PURE__ */ o(
       "img",
       {
-        src: ir[e.type],
+        src: ar[e.type],
         width: 16,
         height: 16,
         alt: e.type
       }
     ) }),
-    /* @__PURE__ */ n(xe, { children: /* @__PURE__ */ n(Kt, { href: e.url, target: "_blank", external: !0, children: e.title }) }),
-    /* @__PURE__ */ n(xi, { item: e })
+    /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(Xt, { href: e.url, target: "_blank", external: !0, children: e.title }) }),
+    /* @__PURE__ */ o(wi, { item: e })
   ] })
-), Ei = P(
-  ({ playQueue: e }) => /* @__PURE__ */ n(
-    rr,
+), Ri = P(
+  ({ playQueue: e }) => /* @__PURE__ */ o(
+    or,
     {
       tag: "tbody",
       list: e.items,
       setList: (t) => e.setItems(t),
-      children: e.items.map((t) => /* @__PURE__ */ n(wi, { item: t }, t.id))
+      children: e.items.map((t) => /* @__PURE__ */ o(Ei, { item: t }, t.id))
     }
   )
-), Ri = P(
-  ({ playQueue: e }) => /* @__PURE__ */ w(Zt, { children: [
-    /* @__PURE__ */ n(Ii, { playQueue: e }),
-    /* @__PURE__ */ n(Ei, { playQueue: e })
-  ] })
 ), Oi = P(
+  ({ playQueue: e }) => /* @__PURE__ */ w(er, { children: [
+    /* @__PURE__ */ o(Ci, { playQueue: e }),
+    /* @__PURE__ */ o(Ri, { playQueue: e })
+  ] })
+), _i = P(
   ({ playQueue: e }) => {
     const { euiTheme: t } = Xe();
     return /* @__PURE__ */ w(Je.Section, { children: [
-      /* @__PURE__ */ n(Pi, { playQueue: e }),
-      /* @__PURE__ */ n(
-        bt,
+      /* @__PURE__ */ o(Ii, { playQueue: e }),
+      /* @__PURE__ */ o(
+        St,
         {
           size: "l",
           style: {
@@ -3131,28 +3131,28 @@ const bi = Se.create(
           }
         }
       ),
-      e.isEmpty ? /* @__PURE__ */ n(
-        jo,
+      e.isEmpty ? /* @__PURE__ */ o(
+        Lo,
         {
-          title: /* @__PURE__ */ n("h2", { children: "We couldn't find any videos" }),
-          body: /* @__PURE__ */ n("p", { children: "Your video library doesn't contain any video content." }),
-          actions: /* @__PURE__ */ n(
-            ar,
+          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(
+            sr,
             {
               onFulfilled: e.addItemFromDto
             }
           )
         }
-      ) : /* @__PURE__ */ n(Ri, { playQueue: e })
+      ) : /* @__PURE__ */ o(Oi, { playQueue: e })
     ] });
   }
-), sr = ({
+), lr = ({
   breadcrumbs: e,
   tabs: t,
   ...r
 }) => {
-  const a = or();
-  return /* @__PURE__ */ n(
+  const a = nr();
+  return /* @__PURE__ */ o(
     Je.Header,
     {
       ...r,
@@ -3178,19 +3178,19 @@ const bi = Se.create(
       }))
     }
   );
-}, Ca = () => {
+}, Ta = () => {
   const e = tt();
   return /* @__PURE__ */ w(et, { children: [
-    /* @__PURE__ */ n(
-      sr,
+    /* @__PURE__ */ o(
+      lr,
       {
         pageTitle: "Play queue",
         rightSideItems: []
       }
     ),
-    /* @__PURE__ */ n(Oi, { playQueue: e })
+    /* @__PURE__ */ o(_i, { playQueue: e })
   ] });
-}, _i = Se.create(
+}, Ai = Se.create(
   ({
     remove: e,
     resolve: t,
@@ -3203,8 +3203,8 @@ const bi = Se.create(
         i(!1);
       }
     }, [t, e]);
-    return /* @__PURE__ */ n(
-      Lo,
+    return /* @__PURE__ */ o(
+      Qo,
       {
         title: "Delete playlist permanently?",
         onCancel: e,
@@ -3221,8 +3221,8 @@ const bi = Se.create(
       }
     );
   }
-), Ai = P(
-  ({ playlist: e }) => /* @__PURE__ */ n(
+), ki = P(
+  ({ playlist: e }) => /* @__PURE__ */ o(
     J,
     {
       iconType: ke,
@@ -3231,7 +3231,7 @@ const bi = Se.create(
       children: "Add to play queue"
     }
   )
-), ki = P(
+), Fi = P(
   ({ playlist: e }) => {
     const { euiTheme: t } = Xe();
     return /* @__PURE__ */ w(
@@ -3246,7 +3246,7 @@ const bi = Se.create(
           background: t.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(
             J,
             {
               disabled: !e.canPlaySelectedItemsNext,
@@ -3254,8 +3254,8 @@ const bi = Se.create(
               children: "Play next"
             }
           ) }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(Ai, { playlist: e }) }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(ki, { playlist: e }) }),
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(
             J,
             {
               iconType: Ze,
@@ -3264,16 +3264,16 @@ const bi = Se.create(
               children: "Remove"
             }
           ) }),
-          /* @__PURE__ */ n(K, { grow: !0 }),
-          /* @__PURE__ */ n(K, { grow: !1, children: /* @__PURE__ */ n(ar, { onFulfilled: e.addItemFromDto }) })
+          /* @__PURE__ */ o(K, { grow: !0 }),
+          /* @__PURE__ */ o(K, { grow: !1, children: /* @__PURE__ */ o(sr, { onFulfilled: e.addItemFromDto }) })
         ]
       }
     );
   }
-), Fi = P(
-  ({ playlist: e }) => /* @__PURE__ */ w(Jt, { children: [
-    /* @__PURE__ */ n(Dr, { children: /* @__PURE__ */ n(
-      It,
+), Mi = P(
+  ({ playlist: e }) => /* @__PURE__ */ w(Kt, { children: [
+    /* @__PURE__ */ o(Br, { children: /* @__PURE__ */ o(
+      Ct,
       {
         id: "",
         checked: e.allItemsSelected,
@@ -3282,11 +3282,11 @@ const bi = Se.create(
         }
       }
     ) }),
-    /* @__PURE__ */ n(Te, { width: 24 }),
-    /* @__PURE__ */ n(Te, { children: "Title" }),
-    /* @__PURE__ */ n(Te, {})
+    /* @__PURE__ */ o(Te, { width: 24 }),
+    /* @__PURE__ */ o(Te, { children: "Title" }),
+    /* @__PURE__ */ o(Te, {})
   ] })
-), Mi = de(
+), Di = de(
   ({
     item: e,
     closePopover: t
@@ -3313,17 +3313,17 @@ const bi = Se.create(
           items: [
             r({
               name: "Play first",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.playFirst
             }),
             r({
               name: "Play next",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.playNext
             }),
             r({
               name: "Add to play queue",
-              icon: /* @__PURE__ */ n(z, { type: ke }),
+              icon: /* @__PURE__ */ o(z, { type: ke }),
               onClick: e.addToPlayQueue
             }),
             {
@@ -3331,13 +3331,13 @@ const bi = Se.create(
             },
             r({
               name: "Move to the top",
-              icon: /* @__PURE__ */ n(z, { type: Qr }),
+              icon: /* @__PURE__ */ o(z, { type: zr }),
               onClick: e.moveToTop,
               disabled: !e.canMoveToTop
             }),
             r({
               name: "Move to the bottom",
-              icon: /* @__PURE__ */ n(z, { type: zr }),
+              icon: /* @__PURE__ */ o(z, { type: Yr }),
               onClick: e.moveToBottom,
               disabled: !e.canMoveToBottom
             }),
@@ -3346,13 +3346,13 @@ const bi = Se.create(
             },
             r({
               name: "Remove to the top",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.removeToTop,
               disabled: !e.canRemoveToTop
             }),
             r({
               name: "Remove others",
-              icon: /* @__PURE__ */ n(z, { type: "" }),
+              icon: /* @__PURE__ */ o(z, { type: "" }),
               onClick: e.removeOthers,
               disabled: !e.canRemoveOthers
             })
@@ -3361,20 +3361,20 @@ const bi = Se.create(
       ],
       [r, e]
     );
-    return /* @__PURE__ */ n(St, { initialPanelId: 0, panels: a });
+    return /* @__PURE__ */ o(Pt, { initialPanelId: 0, panels: a });
   }
-), Di = de(
+), Bi = de(
   ({ item: e }) => {
     const [t, r] = Y(!1), a = $(() => r(!t), [t]), i = $(() => r(!1), []);
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ o(
       Ke,
       {
-        button: /* @__PURE__ */ n(
+        button: /* @__PURE__ */ o(
           ie,
           {
             title: "More options",
             "aria-label": "More options",
-            iconType: er,
+            iconType: tr,
             size: "s",
             color: "text",
             onClick: a
@@ -3384,8 +3384,8 @@ const bi = Se.create(
         closePopover: i,
         panelPaddingSize: "none",
         anchorPosition: "leftCenter",
-        children: /* @__PURE__ */ n(
-          Mi,
+        children: /* @__PURE__ */ o(
+          Di,
           {
             item: e,
             closePopover: i
@@ -3394,10 +3394,10 @@ const bi = Se.create(
       }
     );
   }
-), Bi = P(
+), $i = P(
   ({ item: e }) => /* @__PURE__ */ w(xe, { textOnly: !1, hasActions: !0, align: "right", children: [
-    /* @__PURE__ */ n(J, { iconType: tr, size: "s", onClick: e.play, children: "Play" }),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ o(J, { iconType: rr, size: "s", onClick: e.play, children: "Play" }),
+    /* @__PURE__ */ o(
       J,
       {
         iconType: Ze,
@@ -3406,52 +3406,52 @@ const bi = Se.create(
         children: "Remove"
       }
     ),
-    /* @__PURE__ */ n(Di, { item: e })
+    /* @__PURE__ */ o(Bi, { item: e })
   ] })
-), $i = P(
-  ({ item: e }) => /* @__PURE__ */ w(Xt, { isSelected: e.isCurrent, children: [
-    /* @__PURE__ */ n(Br, { children: /* @__PURE__ */ n(
-      It,
+), Ni = P(
+  ({ item: e }) => /* @__PURE__ */ w(Zt, { isSelected: e.isCurrent, children: [
+    /* @__PURE__ */ o($r, { children: /* @__PURE__ */ o(
+      Ct,
       {
         id: e.id.toString(),
         checked: e.isSelected,
         onChange: e.toggleSelected
       }
     ) }),
-    /* @__PURE__ */ n(xe, { textOnly: !1, children: /* @__PURE__ */ n(
+    /* @__PURE__ */ o(xe, { textOnly: !1, children: /* @__PURE__ */ o(
       "img",
       {
-        src: ir[e.type],
+        src: ar[e.type],
         width: 16,
         height: 16,
         alt: e.type
       }
     ) }),
-    /* @__PURE__ */ n(xe, { children: /* @__PURE__ */ n(Kt, { href: e.url, target: "_blank", external: !0, children: e.title }) }),
-    /* @__PURE__ */ n(Bi, { item: e })
+    /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(Xt, { href: e.url, target: "_blank", external: !0, children: e.title }) }),
+    /* @__PURE__ */ o($i, { item: e })
   ] })
-), Ni = P(
-  ({ playlist: e }) => /* @__PURE__ */ n(
-    rr,
+), ji = P(
+  ({ playlist: e }) => /* @__PURE__ */ o(
+    or,
     {
       tag: "tbody",
       list: e.items,
       setList: (t) => e.setItems(t),
-      children: e.items.map((t) => /* @__PURE__ */ n($i, { item: t }, t.id))
+      children: e.items.map((t) => /* @__PURE__ */ o(Ni, { item: t }, t.id))
     }
   )
-), ji = P(
-  ({ playlist: e }) => /* @__PURE__ */ w(Zt, { children: [
-    /* @__PURE__ */ n(Fi, { playlist: e }),
-    /* @__PURE__ */ n(Ni, { playlist: e })
-  ] })
 ), Li = P(
+  ({ playlist: e }) => /* @__PURE__ */ w(er, { children: [
+    /* @__PURE__ */ o(Mi, { playlist: e }),
+    /* @__PURE__ */ o(ji, { playlist: e })
+  ] })
+), Qi = P(
   ({ playlist: e }) => {
     const { euiTheme: t } = Xe();
     return /* @__PURE__ */ w(Je.Section, { children: [
-      /* @__PURE__ */ n(ki, { playlist: e }),
-      /* @__PURE__ */ n(
-        bt,
+      /* @__PURE__ */ o(Fi, { playlist: e }),
+      /* @__PURE__ */ o(
+        St,
         {
           size: "l",
           style: {
@@ -3462,20 +3462,20 @@ const bi = Se.create(
           }
         }
       ),
-      e.isEmpty ? /* @__PURE__ */ n(et, {}) : /* @__PURE__ */ n(ji, { playlist: e })
+      e.isEmpty ? /* @__PURE__ */ o(et, {}) : /* @__PURE__ */ o(Li, { playlist: e })
     ] });
   }
-), Qi = Se.create(
+), zi = Se.create(
   ({
     remove: e,
     resolve: t,
     playlistListItem: r
   }) => {
-    const a = Yt({ prefix: "modalForm" }), [i, s] = Y(r.name), [l, y] = Y(!1);
-    return /* @__PURE__ */ w(Gt, { onClose: e, initialFocus: "[name=name]", children: [
-      /* @__PURE__ */ n(Ut, { children: /* @__PURE__ */ n(Vt, { children: "Rename playlist" }) }),
-      /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(
-        Wt,
+    const a = Vt({ prefix: "modalForm" }), [i, s] = Y(r.name), [l, y] = Y(!1);
+    return /* @__PURE__ */ w(Jt, { onClose: e, initialFocus: "[name=name]", children: [
+      /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ o(Ut, { children: "Rename playlist" }) }),
+      /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ o(
+        qt,
         {
           id: a,
           component: "form",
@@ -3487,8 +3487,8 @@ const bi = Se.create(
               y(!1);
             }
           },
-          children: /* @__PURE__ */ n(Ve, { label: "Name", children: /* @__PURE__ */ n(
-            vt,
+          children: /* @__PURE__ */ o(Ve, { label: "Name", children: /* @__PURE__ */ o(
+            gt,
             {
               name: "name",
               value: i,
@@ -3497,9 +3497,9 @@ const bi = Se.create(
           ) })
         }
       ) }),
-      /* @__PURE__ */ w(Ht, { children: [
-        /* @__PURE__ */ n(Pt, { onClick: e, children: "Cancel" }),
-        /* @__PURE__ */ n(
+      /* @__PURE__ */ w(Gt, { children: [
+        /* @__PURE__ */ o(It, { onClick: e, children: "Cancel" }),
+        /* @__PURE__ */ o(
           J,
           {
             type: "submit",
@@ -3514,20 +3514,20 @@ const bi = Se.create(
     ] });
   }
 );
-var zi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, U = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? Yi(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+var Yi = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, U = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? Vi(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && zi(t, r, i), i;
+  return a && i && Yi(t, r, i), i;
 };
-const j = class zt {
+const j = class Yt {
   constructor(t, r, a) {
-    this.playQueue = t, this.playlist = r, this.dto = a, ae(this), this.id = zt.nextId++;
+    this.playQueue = t, this.playlist = r, this.dto = a, ae(this), this.id = Yt.nextId++;
   }
   static nextId = 1;
   id;
   isSelected = !1;
   static fromDto(t, r, a) {
-    return new zt(t, r, a);
+    return new Yt(t, r, a);
   }
   get url() {
     return this.dto.url;
@@ -3673,13 +3673,13 @@ U([
 U([
   u.bound
 ], j.prototype, "removeOthers", 1);
-let Vi = j;
-var Ui = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, M = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? Wi(t, r) : t, s = e.length - 1, l; s >= 0; s--)
+let Ui = j;
+var Wi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, M = (e, t, r, a) => {
+  for (var i = a > 1 ? void 0 : a ? qi(t, r) : t, s = e.length - 1, l; s >= 0; s--)
     (l = e[s]) && (i = (a ? l(t, r, i) : l(i)) || i);
-  return a && i && Ui(t, r, i), i;
+  return a && i && Wi(t, r, i), i;
 };
-const qi = {
+const Hi = {
   type: "object",
   properties: {
     version: {
@@ -3689,11 +3689,11 @@ const qi = {
     items: {
       type: "array",
       nullable: !0,
-      items: to
+      items: ro
     }
   }
 };
-class io {
+class ao {
   constructor(t) {
     this.playlist = t, ae(this);
   }
@@ -3707,23 +3707,23 @@ class io {
     this.playlist.items = t.items?.map((r) => this.playlist.createItemFromDto(r)) ?? [];
   }
   validateState(t) {
-    return nr(
-      qi,
+    return ir(
+      Hi,
       "PlaylistLocalStorageState"
     )(t);
   }
 }
 M([
   f.struct
-], io.prototype, "state", 1);
+], ao.prototype, "state", 1);
 class D {
   constructor(t) {
-    this.playQueue = t, ae(this), this.localStorageState = new io(this);
+    this.playQueue = t, ae(this), this.localStorageState = new ao(this);
   }
   localStorageState;
   items = [];
   createItemFromDto(t) {
-    return Vi.fromDto(this.playQueue, this, {
+    return Ui.fromDto(this.playQueue, this, {
       url: t.url,
       type: t.type,
       videoId: t.videoId,
@@ -3790,7 +3790,7 @@ class D {
     this.items.splice(r, 0, a);
   }
   async removeItems(t) {
-    ht(this.items, ...t);
+    vt(this.items, ...t);
   }
   async removeSelectedItems() {
     await this.removeItems(this.selectedItemsOrAllItems), this.unselectAll();
@@ -3888,23 +3888,23 @@ M([
 M([
   u.bound
 ], D.prototype, "playAll", 1);
-const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr, fill: !0, children: "Play all" }), Gi = ({
+const Gi = ({ onClick: e }) => /* @__PURE__ */ o(J, { onClick: e, iconType: rr, fill: !0, children: "Play all" }), Ji = ({
   playlistListItem: e,
   onFulfilled: t
-}) => /* @__PURE__ */ n(J, { onClick: () => Se.show(Qi, {
+}) => /* @__PURE__ */ o(J, { onClick: () => Se.show(zi, {
   playlistListItem: e
-}).then(t), iconType: Zo, children: "Rename" }), Ji = ({
+}).then(t), iconType: en, children: "Rename" }), Ki = ({
   playlistListItem: e,
   onFulfilled: t
-}) => /* @__PURE__ */ n(J, { onClick: () => Se.show(_i, {
+}) => /* @__PURE__ */ o(J, { onClick: () => Se.show(Ai, {
   playlistListItem: e
-}).then(t), iconType: Lr, children: "Delete" }), Ta = P(
+}).then(t), iconType: Qr, children: "Delete" }), xa = P(
   ({ playlistListItem: e }) => {
-    const t = Tt.playlist(
+    const t = xt.playlist(
       e.id
     ), r = tt(), [a] = Y(() => new D(r));
-    gt(t, a.localStorageState);
-    const i = or(), s = $(
+    bt(t, a.localStorageState);
+    const i = nr(), s = $(
       async (y) => {
         await e.rename(y);
       },
@@ -3913,8 +3913,8 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
       await i.navigate({ to: "/playlists" }), window.localStorage.removeItem(t), await e.remove();
     }, [e, i, t]);
     return /* @__PURE__ */ w(et, { children: [
-      /* @__PURE__ */ n(
-        sr,
+      /* @__PURE__ */ o(
+        lr,
         {
           pageTitle: e.name,
           breadcrumbs: [
@@ -3929,16 +3929,16 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
             }
           ],
           rightSideItems: [
-            /* @__PURE__ */ n(Hi, { onClick: a.playAll }),
-            /* @__PURE__ */ n(
-              Gi,
+            /* @__PURE__ */ o(Gi, { onClick: a.playAll }),
+            /* @__PURE__ */ o(
+              Ji,
               {
                 playlistListItem: e,
                 onFulfilled: s
               }
             ),
-            /* @__PURE__ */ n(
-              Ji,
+            /* @__PURE__ */ o(
+              Ki,
               {
                 playlistListItem: e,
                 onFulfilled: l
@@ -3947,16 +3947,16 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
           ]
         }
       ),
-      /* @__PURE__ */ n(Li, { playlist: a })
+      /* @__PURE__ */ o(Qi, { playlist: a })
     ] });
   }
-), Ki = Se.create(
+), Xi = Se.create(
   ({ remove: e, resolve: t }) => {
-    const r = Yt({ prefix: "modalForm" }), [a, i] = Y(""), [s, l] = Y(!1);
-    return /* @__PURE__ */ w(Gt, { onClose: e, initialFocus: "[name=name]", children: [
-      /* @__PURE__ */ n(Ut, { children: /* @__PURE__ */ n(Vt, { children: "Create playlist" }) }),
-      /* @__PURE__ */ n(qt, { children: /* @__PURE__ */ n(
-        Wt,
+    const r = Vt({ prefix: "modalForm" }), [a, i] = Y(""), [s, l] = Y(!1);
+    return /* @__PURE__ */ w(Jt, { onClose: e, initialFocus: "[name=name]", children: [
+      /* @__PURE__ */ o(Wt, { children: /* @__PURE__ */ o(Ut, { children: "Create playlist" }) }),
+      /* @__PURE__ */ o(Ht, { children: /* @__PURE__ */ o(
+        qt,
         {
           id: r,
           component: "form",
@@ -3968,8 +3968,8 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
               l(!1);
             }
           },
-          children: /* @__PURE__ */ n(Ve, { label: "Name", children: /* @__PURE__ */ n(
-            vt,
+          children: /* @__PURE__ */ o(Ve, { label: "Name", children: /* @__PURE__ */ o(
+            gt,
             {
               name: "name",
               value: a,
@@ -3978,9 +3978,9 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
           ) })
         }
       ) }),
-      /* @__PURE__ */ w(Ht, { children: [
-        /* @__PURE__ */ n(Pt, { onClick: e, children: "Cancel" }),
-        /* @__PURE__ */ n(
+      /* @__PURE__ */ w(Gt, { children: [
+        /* @__PURE__ */ o(It, { onClick: e, children: "Cancel" }),
+        /* @__PURE__ */ o(
           J,
           {
             type: "submit",
@@ -3994,18 +3994,18 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
       ] })
     ] });
   }
-), Xi = ({
+), Zi = ({
   children: e,
   onFulfilled: t
-}) => /* @__PURE__ */ n(J, { onClick: () => Se.show(Ki).then(t), iconType: ke, fill: !0, children: e }), Zi = ({
+}) => /* @__PURE__ */ o(J, { onClick: () => Se.show(Xi).then(t), iconType: ke, fill: !0, children: e }), ea = ({
   linkProps: e,
   ...t
 }) => {
-  const r = or(), a = async (i) => {
+  const r = nr(), a = async (i) => {
     i.preventDefault(), await r.navigate(e);
   };
-  return /* @__PURE__ */ n(
-    Kt,
+  return /* @__PURE__ */ o(
+    Xt,
     {
       ...t,
       href: r.buildLocation(
@@ -4015,11 +4015,11 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
       onClick: a
     }
   );
-}, ea = P(
-  ({ playlistList: e }) => /* @__PURE__ */ n(Jt, { children: /* @__PURE__ */ n(Te, { children: "Name" }) })
-), ta = P(
-  ({ item: e }) => /* @__PURE__ */ n(Xt, { children: /* @__PURE__ */ n(xe, { children: /* @__PURE__ */ n(
-    Zi,
+}, ta = P(
+  ({ playlistList: e }) => /* @__PURE__ */ o(Kt, { children: /* @__PURE__ */ o(Te, { children: "Name" }) })
+), ra = P(
+  ({ item: e }) => /* @__PURE__ */ o(Zt, { children: /* @__PURE__ */ o(xe, { children: /* @__PURE__ */ o(
+    ea,
     {
       linkProps: {
         to: "/playlists/$playlistId",
@@ -4028,23 +4028,23 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
       children: e.name
     }
   ) }) }, e.id)
-), ra = P(
-  ({ playlistList: e }) => /* @__PURE__ */ n(
-    rr,
+), oa = P(
+  ({ playlistList: e }) => /* @__PURE__ */ o(
+    or,
     {
       tag: "tbody",
       list: e.items,
       setList: (t) => e.setItems(t),
-      children: e.items.map((t) => /* @__PURE__ */ n(ta, { item: t }, t.id))
+      children: e.items.map((t) => /* @__PURE__ */ o(ra, { item: t }, t.id))
     }
   )
-), oa = P(
-  ({ playlistList: e }) => /* @__PURE__ */ w(Zt, { children: [
-    /* @__PURE__ */ n(ea, { playlistList: e }),
-    /* @__PURE__ */ n(ra, { playlistList: e })
+), na = P(
+  ({ playlistList: e }) => /* @__PURE__ */ w(er, { children: [
+    /* @__PURE__ */ o(ta, { playlistList: e }),
+    /* @__PURE__ */ o(oa, { playlistList: e })
   ] })
-), na = () => /* @__PURE__ */ n(
-  sr,
+), ia = () => /* @__PURE__ */ o(
+  lr,
   {
     pageTitle: "Playlists",
     breadcrumbs: [
@@ -4053,7 +4053,7 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
       }
     ]
   }
-), ia = P(
+), aa = P(
   ({ playlistList: e }) => {
     const t = $(
       async (r) => {
@@ -4062,32 +4062,32 @@ const Hi = ({ onClick: e }) => /* @__PURE__ */ n(J, { onClick: e, iconType: tr,
       [e]
     );
     return /* @__PURE__ */ w(Je.Section, { children: [
-      /* @__PURE__ */ n(Xi, { onFulfilled: t, children: "New playlist" }),
-      /* @__PURE__ */ n(bt, { size: "l" }),
-      /* @__PURE__ */ n(oa, { playlistList: e })
+      /* @__PURE__ */ o(Zi, { onFulfilled: t, children: "New playlist" }),
+      /* @__PURE__ */ o(St, { size: "l" }),
+      /* @__PURE__ */ o(na, { playlistList: e })
     ] });
   }
-), xa = de(() => {
-  const e = Vn();
+), wa = de(() => {
+  const e = Un();
   return /* @__PURE__ */ w(et, { children: [
-    /* @__PURE__ */ n(na, {}),
-    /* @__PURE__ */ n(ia, { playlistList: e })
+    /* @__PURE__ */ o(ia, {}),
+    /* @__PURE__ */ o(aa, { playlistList: e })
   ] });
 });
 export {
-  Pa as BottomBar,
-  ba as HydrangeanDivaProvider,
-  Sa as MediaPlayerLayout,
-  Ia as MiniPlayer,
-  Kr as PlayQueueContext,
-  Ca as PlayQueuePage,
-  Oi as PlayQueueSection,
-  Ta as PlaylistDetailsPage,
-  oo as PlaylistListContext,
-  xa as PlaylistListPage,
+  Ia as BottomBar,
+  Sa as HydrangeanDivaProvider,
+  Pa as MediaPlayerLayout,
+  Ca as MiniPlayer,
+  Xr as PlayQueueContext,
+  Ta as PlayQueuePage,
+  _i as PlayQueueSection,
+  xa as PlaylistDetailsPage,
+  no as PlaylistListContext,
+  wa as PlaylistListPage,
   B as RepeatMode,
-  Yr as bottomBarHeight,
+  Vr as bottomBarHeight,
   tt as usePlayQueue,
-  Vn as usePlaylistList
+  Un as usePlaylistList
 };
 //# sourceMappingURL=index.es.js.map