@aigamo/hydrangean-diva 0.0.1-alpha.15 → 0.0.1-alpha.16

package/dist/index.es.js

@@ -5,19 +5,19 @@ import { makeObservable as wr, action as y, computed as A, observable as Z, reac
 import * as te from "react";
 import Dt, { forwardRef as _r, useContext as ot, memo as me, useState as q, useCallback as D, useMemo as at, createContext as zt, useEffect as Ar, useLayoutEffect as kr } from "react";
 import Mr from "@emotion/cache";
-import { useNostalgicDiva as ne, findVideoService as Fr, NostalgicDiva as jr, nullPlayerController as Nr } from "@aigamo/nostalgic-diva";
-import { EuiButton as re, useGeneratedHtmlId as $r, EuiModalHeaderTitle as Dr, EuiModalHeader as zr, EuiForm as Lr, EuiFormRow as et, EuiFieldText as Rt, EuiModalBody as Vr, EuiModalFooter as Yr, EuiButtonEmpty as Lt, EuiModal as Br, useEuiTheme as Vt, EuiCheckbox as Yt, EuiTableHeaderCellCheckbox as Wr, EuiTableHeader as Ur, EuiTableRowCell as tt, EuiTableRowCellCheckbox as qr, EuiLink as Gr, EuiTableRow as Hr, EuiTable as Jr, EuiButtonIcon as H, EuiPopover as st, EuiIcon as G, EuiContextMenu as Bt, EuiTableHeaderCell as Ke, EuiCodeBlock as Kr, EuiFlyout as Xr, EuiFlexGroup as se, EuiFlexItem as J, EuiSpacer as Wt, EuiEmptyPrompt as Zr, EuiRange as Ut, EuiBottomBar as Qr, EuiPageTemplate as en } from "@elastic/eui";
-import { AddRegular as lt, PlayRegular as tn, DismissRegular as ct, MoreHorizontalFilled as qt, ArrowUploadRegular as rn, ArrowDownloadRegular as nn, WindowDevToolsRegular as on, DeleteRegular as an, ArrowRepeat1Filled as sn, ArrowRepeatAllFilled as ln, ArrowRepeatAllOffFilled as cn, ArrowShuffleFilled as un, ArrowShuffleOffFilled as dn, PreviousFilled as fn, PauseFilled as mn, PlayFilled as hn, NextFilled as vn, Speaker2Regular as Gt, TopSpeedRegular as pn, SkipBack10Regular as yn, SkipForward30Regular as gn, NavigationPlayRegular as bn } from "@fluentui/react-icons";
+import { useNostalgicDiva as ne, findVideoService as Fr, NostalgicDivaProvider as jr, NostalgicDiva as Nr, nullPlayerController as $r } from "@aigamo/nostalgic-diva";
+import { EuiButton as re, useGeneratedHtmlId as Dr, EuiModalHeaderTitle as zr, EuiModalHeader as Lr, EuiForm as Vr, EuiFormRow as et, EuiFieldText as Rt, EuiModalBody as Yr, EuiModalFooter as Br, EuiButtonEmpty as Lt, EuiModal as Wr, useEuiTheme as Vt, EuiCheckbox as Yt, EuiTableHeaderCellCheckbox as Ur, EuiTableHeader as qr, EuiTableRowCell as tt, EuiTableRowCellCheckbox as Hr, EuiLink as Gr, EuiTableRow as Jr, EuiTable as Kr, EuiButtonIcon as G, EuiPopover as st, EuiIcon as H, EuiContextMenu as Bt, EuiTableHeaderCell as Ke, EuiCodeBlock as Xr, EuiFlyout as Zr, EuiFlexGroup as se, EuiFlexItem as J, EuiSpacer as Wt, EuiEmptyPrompt as Qr, EuiRange as Ut, EuiBottomBar as en, EuiPageTemplate as tn } from "@elastic/eui";
+import { AddRegular as lt, PlayRegular as rn, DismissRegular as ct, MoreHorizontalFilled as qt, ArrowUploadRegular as nn, ArrowDownloadRegular as on, WindowDevToolsRegular as an, DeleteRegular as sn, ArrowRepeat1Filled as ln, ArrowRepeatAllFilled as cn, ArrowRepeatAllOffFilled as un, ArrowShuffleFilled as dn, ArrowShuffleOffFilled as fn, PreviousFilled as mn, PauseFilled as hn, PlayFilled as vn, NextFilled as pn, Speaker2Regular as Ht, TopSpeedRegular as yn, SkipBack10Regular as gn, SkipForward30Regular as bn, NavigationPlayRegular as En } from "@fluentui/react-icons";
 import { observer as N } from "mobx-react-lite";
-import { ReactSortable as En } from "react-sortablejs";
+import { ReactSortable as Tn } from "react-sortablejs";
 import { pull as St } from "lodash-es";
-import Tn from "ajv";
-class Ht {
+import xn from "ajv";
+class Gt {
   makeObservable(e, n) {
     return wr(e, n);
   }
 }
-class Ai {
+class ki {
   makeObservable(e, n) {
     return e;
   }
@@ -33,7 +33,7 @@ var $e = { exports: {} }, xe = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Pt;
-function xn() {
+function Cn() {
   if (Pt) return xe;
   Pt = 1;
   var t = Dt, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, a = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
@@ -57,7 +57,7 @@ var Ce = {};
  * LICENSE file in the root directory of this source tree.
  */
 var wt;
-function Cn() {
+function In() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
     var t = Dt, e = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), d = Symbol.for("react.provider"), h = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), E = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), $ = Symbol.for("react.offscreen"), k = Symbol.iterator, W = "@@iterator";
     function Q(r) {
@@ -489,9 +489,9 @@ function Cn() {
       } else
         gt.setExtraStackFrame(null);
     }
-    var Ge;
-    Ge = !1;
-    function He(r) {
+    var He;
+    He = !1;
+    function Ge(r) {
       return typeof r == "object" && r !== null && r.$$typeof === e;
     }
     function bt() {
@@ -542,15 +542,15 @@ Check the top-level render call using <` + u + ">.");
         if (Ue(r))
           for (var u = 0; u < r.length; u++) {
             var v = r[u];
-            He(v) && Tt(v, s);
+            Ge(v) && Tt(v, s);
           }
-        else if (He(r))
+        else if (Ge(r))
           r._store && (r._store.validated = !0);
         else if (r) {
           var T = Q(r);
           if (typeof T == "function" && T !== r.entries)
             for (var R = T.call(r), b; !(b = R.next()).done; )
-              He(b.value) && Tt(b.value, s);
+              Ge(b.value) && Tt(b.value, s);
         }
       }
     }
@@ -571,8 +571,8 @@ Check the top-level render call using <` + u + ">.");
         if (u) {
           var v = K(s);
           ir(u, r.props, "prop", v, r);
-        } else if (s.PropTypes !== void 0 && !Ge) {
-          Ge = !0;
+        } else if (s.PropTypes !== void 0 && !He) {
+          He = !0;
           var T = K(s);
           P("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
         }
@@ -647,10 +647,10 @@ React keys must be passed directly to JSX without using spread:
   })()), Ce;
 }
 var Ot;
-function In() {
-  return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? $e.exports = xn() : $e.exports = Cn()), $e.exports;
+function Rn() {
+  return Ot || (Ot = 1, process.env.NODE_ENV === "production" ? $e.exports = Cn() : $e.exports = In()), $e.exports;
 }
-var Re = In(), De = { exports: {} }, x = {};
+var Re = Rn(), De = { exports: {} }, x = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -660,7 +660,7 @@ var Re = In(), De = { exports: {} }, x = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function Rn() {
+function Sn() {
   if (_t) return x;
   _t = 1;
   var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, l = t ? Symbol.for("react.profiler") : 60114, d = t ? Symbol.for("react.provider") : 60109, h = t ? Symbol.for("react.context") : 60110, m = t ? Symbol.for("react.async_mode") : 60111, p = t ? Symbol.for("react.concurrent_mode") : 60111, E = t ? Symbol.for("react.forward_ref") : 60112, S = t ? Symbol.for("react.suspense") : 60113, I = t ? Symbol.for("react.suspense_list") : 60120, $ = t ? Symbol.for("react.memo") : 60115, k = t ? Symbol.for("react.lazy") : 60116, W = t ? Symbol.for("react.block") : 60121, Q = t ? Symbol.for("react.fundamental") : 60117, L = t ? Symbol.for("react.responder") : 60118, P = t ? Symbol.for("react.scope") : 60119;
@@ -735,7 +735,7 @@ var C = {};
  * LICENSE file in the root directory of this source tree.
  */
 var At;
-function Sn() {
+function Pn() {
   return At || (At = 1, process.env.NODE_ENV !== "production" && (function() {
     var t = typeof Symbol == "function" && Symbol.for, e = t ? Symbol.for("react.element") : 60103, n = t ? Symbol.for("react.portal") : 60106, i = t ? Symbol.for("react.fragment") : 60107, a = t ? Symbol.for("react.strict_mode") : 60108, l = t ? Symbol.for("react.profiler") : 60114, d = t ? Symbol.for("react.provider") : 60109, h = t ? Symbol.for("react.context") : 60110, m = t ? Symbol.for("react.async_mode") : 60111, p = t ? Symbol.for("react.concurrent_mode") : 60111, E = t ? Symbol.for("react.forward_ref") : 60112, S = t ? Symbol.for("react.suspense") : 60113, I = t ? Symbol.for("react.suspense_list") : 60120, $ = t ? Symbol.for("react.memo") : 60115, k = t ? Symbol.for("react.lazy") : 60116, W = t ? Symbol.for("react.block") : 60121, Q = t ? Symbol.for("react.fundamental") : 60117, L = t ? Symbol.for("react.responder") : 60118, P = t ? Symbol.for("react.scope") : 60119;
     function M(f) {
@@ -818,14 +818,14 @@ function Sn() {
   })()), C;
 }
 var kt;
-function Pn() {
-  return kt || (kt = 1, process.env.NODE_ENV === "production" ? De.exports = Rn() : De.exports = Sn()), De.exports;
+function wn() {
+  return kt || (kt = 1, process.env.NODE_ENV === "production" ? De.exports = Sn() : De.exports = Pn()), De.exports;
 }
 var Xe, Mt;
-function wn() {
+function On() {
   if (Mt) return Xe;
   Mt = 1;
-  var t = Pn(), e = {
+  var t = wn(), e = {
     childContextTypes: !0,
     contextType: !0,
     contextTypes: !0,
@@ -887,9 +887,9 @@ function wn() {
   }
   return Xe = $, Xe;
 }
-wn();
-var On = !0;
-function _n(t, e, n) {
+On();
+var _n = !0;
+function An(t, e, n) {
   var i = "";
   return n.split(" ").forEach(function(a) {
     t[a] !== void 0 ? e.push(t[a] + ";") : a && (i += a + " ");
@@ -906,8 +906,8 @@ var Jt = function(e, n, i) {
   // in node since emotion-server relies on whether a style is in
   // the registered cache to know whether a style is global or not
   // also, note that this check will be dead code eliminated in the browser
-  On === !1) && e.registered[a] === void 0 && (e.registered[a] = n.styles);
-}, An = function(e, n, i) {
+  _n === !1) && e.registered[a] === void 0 && (e.registered[a] = n.styles);
+}, kn = function(e, n, i) {
   Jt(e, n, i);
   var a = e.key + "-" + n.name;
   if (e.inserted[n.name] === void 0) {
@@ -917,7 +917,7 @@ var Jt = function(e, n, i) {
     while (l !== void 0);
   }
 };
-function kn(t) {
+function Mn(t) {
   for (var e = 0, n, i = 0, a = t.length; a >= 4; ++i, a -= 4)
     n = t.charCodeAt(i) & 255 | (t.charCodeAt(++i) & 255) << 8 | (t.charCodeAt(++i) & 255) << 16 | (t.charCodeAt(++i) & 255) << 24, n = /* Math.imul(k, m): */
     (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
@@ -936,7 +936,7 @@ function kn(t) {
   return e ^= e >>> 13, e = /* Math.imul(h, m): */
   (e & 65535) * 1540483477 + ((e >>> 16) * 59797 << 16), ((e ^ e >>> 15) >>> 0).toString(36);
 }
-var Mn = {
+var Fn = {
   animationIterationCount: 1,
   aspectRatio: 1,
   borderImageOutset: 1,
@@ -986,24 +986,24 @@ var Mn = {
   strokeOpacity: 1,
   strokeWidth: 1
 };
-function Fn(t) {
+function jn(t) {
   var e = /* @__PURE__ */ Object.create(null);
   return function(n) {
     return e[n] === void 0 && (e[n] = t(n)), e[n];
   };
 }
-var jn = /[A-Z]|^ms/g, Nn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Kt = function(e) {
+var Nn = /[A-Z]|^ms/g, $n = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Kt = function(e) {
   return e.charCodeAt(1) === 45;
 }, Ft = function(e) {
   return e != null && typeof e != "boolean";
-}, Ze = /* @__PURE__ */ Fn(function(t) {
-  return Kt(t) ? t : t.replace(jn, "-$&").toLowerCase();
+}, Ze = /* @__PURE__ */ jn(function(t) {
+  return Kt(t) ? t : t.replace(Nn, "-$&").toLowerCase();
 }), jt = function(e, n) {
   switch (e) {
     case "animation":
     case "animationName":
       if (typeof n == "string")
-        return n.replace(Nn, function(i, a, l) {
+        return n.replace($n, function(i, a, l) {
           return X = {
             name: a,
             styles: l,
@@ -1011,7 +1011,7 @@ var jn = /[A-Z]|^ms/g, Nn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, Kt = function(e) {
           }, a;
         });
   }
-  return Mn[e] !== 1 && !Kt(e) && typeof n == "number" && n !== 0 ? n + "px" : n;
+  return Fn[e] !== 1 && !Kt(e) && typeof n == "number" && n !== 0 ? n + "px" : n;
 };
 function Se(t, e, n) {
   if (n == null)
@@ -1043,7 +1043,7 @@ function Se(t, e, n) {
         var h = l.styles + ";";
         return h;
       }
-      return $n(t, e, n);
+      return Dn(t, e, n);
     }
     case "function": {
       if (t !== void 0) {
@@ -1056,7 +1056,7 @@ function Se(t, e, n) {
   var E = n;
   return E;
 }
-function $n(t, e, n) {
+function Dn(t, e, n) {
   var i = "";
   if (Array.isArray(n))
     for (var a = 0; a < n.length; a++)
@@ -1086,7 +1086,7 @@ function $n(t, e, n) {
   return i;
 }
 var Nt = /label:\s*([^\s;{]+)\s*(;|$)/g, X;
-function Dn(t, e, n) {
+function zn(t, e, n) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
   var i = !0, a = "";
@@ -1106,16 +1106,16 @@ function Dn(t, e, n) {
   Nt.lastIndex = 0;
   for (var p = "", E; (E = Nt.exec(a)) !== null; )
     p += "-" + E[1];
-  var S = kn(a) + p;
+  var S = Mn(a) + p;
   return {
     name: S,
     styles: a,
     next: X
   };
 }
-var zn = function(e) {
+var Ln = function(e) {
   return e();
-}, Ln = te.useInsertionEffect ? te.useInsertionEffect : !1, Vn = Ln || zn, Xt = /* @__PURE__ */ te.createContext(
+}, Vn = te.useInsertionEffect ? te.useInsertionEffect : !1, Yn = Vn || Ln, Xt = /* @__PURE__ */ te.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1127,50 +1127,50 @@ var zn = function(e) {
   }) : null
 );
 Xt.Provider;
-var Yn = function(e) {
+var Bn = function(e) {
   return /* @__PURE__ */ _r(function(n, i) {
     var a = ot(Xt);
     return e(n, a, i);
   });
-}, Bn = /* @__PURE__ */ te.createContext({}), ze = {}.hasOwnProperty, rt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Zt = function(e, n) {
+}, Wn = /* @__PURE__ */ te.createContext({}), ze = {}.hasOwnProperty, rt = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Zt = function(e, n) {
   var i = {};
   for (var a in n)
     ze.call(n, a) && (i[a] = n[a]);
   return i[rt] = e, i;
-}, Wn = function(e) {
+}, Un = function(e) {
   var n = e.cache, i = e.serialized, a = e.isStringTag;
-  return Jt(n, i, a), Vn(function() {
-    return An(n, i, a);
+  return Jt(n, i, a), Yn(function() {
+    return kn(n, i, a);
   }), null;
-}, Un = /* @__PURE__ */ Yn(function(t, e, n) {
+}, qn = /* @__PURE__ */ Bn(function(t, e, n) {
   var i = t.css;
   typeof i == "string" && e.registered[i] !== void 0 && (i = e.registered[i]);
   var a = t[rt], l = [i], d = "";
-  typeof t.className == "string" ? d = _n(e.registered, l, t.className) : t.className != null && (d = t.className + " ");
-  var h = Dn(l, void 0, te.useContext(Bn));
+  typeof t.className == "string" ? d = An(e.registered, l, t.className) : t.className != null && (d = t.className + " ");
+  var h = zn(l, void 0, te.useContext(Wn));
   d += e.key + "-" + h.name;
   var m = {};
   for (var p in t)
     ze.call(t, p) && p !== "css" && p !== rt && (m[p] = t[p]);
-  return m.className = d, n && (m.ref = n), /* @__PURE__ */ te.createElement(te.Fragment, null, /* @__PURE__ */ te.createElement(Wn, {
+  return m.className = d, n && (m.ref = n), /* @__PURE__ */ te.createElement(te.Fragment, null, /* @__PURE__ */ te.createElement(Un, {
     cache: e,
     serialized: h,
     isStringTag: typeof a == "string"
   }), /* @__PURE__ */ te.createElement(a, m));
-}), Qt = Un, ut = Re.Fragment, o = function(e, n, i) {
+}), Qt = qn, ut = Re.Fragment, o = function(e, n, i) {
   return ze.call(n, "css") ? Re.jsx(Qt, Zt(e, n), i) : Re.jsx(e, n, i);
 }, j = function(e, n, i) {
   return ze.call(n, "css") ? Re.jsxs(Qt, Zt(e, n), i) : Re.jsxs(e, n, i);
 };
-const qn = ({
+const Hn = ({
   onCancel: t,
   onSave: e
 }) => {
-  const n = $r({ prefix: "modalForm" }), [i, a] = q(""), [l, d] = q(""), [h, m] = q(!1);
-  return /* @__PURE__ */ j(Br, { onClose: t, initialFocus: "[name=url]", children: [
-    /* @__PURE__ */ o(zr, { children: /* @__PURE__ */ o(Dr, { children: "Add video" }) }),
-    /* @__PURE__ */ o(Vr, { children: /* @__PURE__ */ j(
-      Lr,
+  const n = Dr({ prefix: "modalForm" }), [i, a] = q(""), [l, d] = q(""), [h, m] = q(!1);
+  return /* @__PURE__ */ j(Wr, { onClose: t, initialFocus: "[name=url]", children: [
+    /* @__PURE__ */ o(Lr, { children: /* @__PURE__ */ o(zr, { children: "Add video" }) }),
+    /* @__PURE__ */ o(Yr, { children: /* @__PURE__ */ j(
+      Vr,
       {
         id: n,
         component: "form",
@@ -1202,7 +1202,7 @@ const qn = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ j(Yr, { children: [
+    /* @__PURE__ */ j(Br, { children: [
       /* @__PURE__ */ o(Lt, { onClick: t, children: "Cancel" }),
       /* @__PURE__ */ o(
         re,
@@ -1236,7 +1236,7 @@ const qn = ({
         }
       ),
       e && /* @__PURE__ */ o(
-        qn,
+        Hn,
         {
           onCancel: () => n(!1),
           onSave: i
@@ -1256,7 +1256,7 @@ const qn = ({
   ({ playQueueStore: t }) => {
     const { euiTheme: e } = Vt();
     return /* @__PURE__ */ j(
-      Ur,
+      qr,
       {
         style: {
           position: "sticky",
@@ -1265,7 +1265,7 @@ const qn = ({
           background: e.colors.backgroundBasePlain
         },
         children: [
-          /* @__PURE__ */ o(Wr, { children: /* @__PURE__ */ o(
+          /* @__PURE__ */ o(Ur, { children: /* @__PURE__ */ o(
             Yt,
             {
               id: "",
@@ -1282,7 +1282,7 @@ const qn = ({
       }
     );
   }
-), Hn = me(
+), Jn = me(
   ({
     item: t,
     closePopover: e
@@ -1294,21 +1294,21 @@ const qn = ({
           items: [
             {
               name: "Play first",
-              icon: /* @__PURE__ */ o(G, { type: "" }),
+              icon: /* @__PURE__ */ o(H, { type: "" }),
               onClick: async () => {
                 e(), await t.playFirst();
               }
             },
             {
               name: "Play next",
-              icon: /* @__PURE__ */ o(G, { type: "" }),
+              icon: /* @__PURE__ */ o(H, { type: "" }),
               onClick: async () => {
                 e(), await t.playNext();
               }
             },
             {
               name: "Add to play queue",
-              icon: /* @__PURE__ */ o(G, { type: lt }),
+              icon: /* @__PURE__ */ o(H, { type: lt }),
               onClick: async () => {
                 e(), await t.addToPlayQueue();
               }
@@ -1318,7 +1318,7 @@ const qn = ({
             },
             {
               name: "Move to the top",
-              icon: /* @__PURE__ */ o(G, { type: rn }),
+              icon: /* @__PURE__ */ o(H, { type: nn }),
               onClick: async () => {
                 e(), t.moveToTop();
               },
@@ -1326,7 +1326,7 @@ const qn = ({
             },
             {
               name: "Move to the bottom",
-              icon: /* @__PURE__ */ o(G, { type: nn }),
+              icon: /* @__PURE__ */ o(H, { type: on }),
               onClick: async () => {
                 e(), t.moveToBottom();
               },
@@ -1337,7 +1337,7 @@ const qn = ({
             },
             {
               name: "Remove to the top",
-              icon: /* @__PURE__ */ o(G, { type: "" }),
+              icon: /* @__PURE__ */ o(H, { type: "" }),
               onClick: async () => {
                 e(), await t.removeToTop();
               },
@@ -1345,7 +1345,7 @@ const qn = ({
             },
             {
               name: "Remove others",
-              icon: /* @__PURE__ */ o(G, { type: "" }),
+              icon: /* @__PURE__ */ o(H, { type: "" }),
               onClick: async () => {
                 e(), await t.removeOthers();
               },
@@ -1358,14 +1358,14 @@ const qn = ({
     );
     return /* @__PURE__ */ o(Bt, { initialPanelId: 0, panels: n });
   }
-), Jn = me(
+), Kn = me(
   ({ item: t }) => {
     const [e, n] = q(!1), i = D(() => n(!e), [e]), a = D(() => n(!1), []);
     return /* @__PURE__ */ o(
       st,
       {
         button: /* @__PURE__ */ o(
-          H,
+          G,
           {
             title: "More options",
             "aria-label": "More options",
@@ -1380,7 +1380,7 @@ const qn = ({
         panelPaddingSize: "none",
         anchorPosition: "leftCenter",
         children: /* @__PURE__ */ o(
-          Hn,
+          Jn,
           {
             item: t,
             closePopover: a
@@ -1389,14 +1389,14 @@ const qn = ({
       }
     );
   }
-), Kn = N(
+), Xn = N(
   ({ item: t }) => {
     const e = ne();
     return /* @__PURE__ */ j(tt, { textOnly: !1, hasActions: !0, align: "right", children: [
       /* @__PURE__ */ o(
         re,
         {
-          iconType: tn,
+          iconType: rn,
           size: "s",
           onClick: async () => {
             t.isCurrent ? await e.setCurrentTime(0) : t.play();
@@ -1413,14 +1413,14 @@ const qn = ({
           children: "Remove"
         }
       ),
-      /* @__PURE__ */ o(Jn, { item: t })
+      /* @__PURE__ */ o(Kn, { item: t })
     ] });
   }
-), Xn = N(
+), Zn = N(
   ({ item: t }) => {
     const e = ne();
-    return /* @__PURE__ */ j(Hr, { isSelected: t.isCurrent, children: [
-      /* @__PURE__ */ o(qr, { children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ j(Jr, { isSelected: t.isCurrent, children: [
+      /* @__PURE__ */ o(Hr, { children: /* @__PURE__ */ o(
         Yt,
         {
           id: t.id.toString(),
@@ -1447,29 +1447,29 @@ const qn = ({
           children: t.title
         }
       ) }),
-      /* @__PURE__ */ o(Kn, { item: t })
+      /* @__PURE__ */ o(Xn, { item: t })
     ] }, t.id);
   }
-), Zn = N(
+), Qn = N(
   ({ playQueueStore: t }) => /* @__PURE__ */ o(
-    En,
+    Tn,
     {
       tag: "tbody",
       list: t.items,
       setList: (e) => t.setItems(e),
-      children: t.items.map((e) => /* @__PURE__ */ o(Xn, { item: e }, e.id))
+      children: t.items.map((e) => /* @__PURE__ */ o(Zn, { item: e }, e.id))
     }
   )
-), Qn = N(
-  ({ playQueueStore: t }) => /* @__PURE__ */ j(Jr, { children: [
+), ei = N(
+  ({ playQueueStore: t }) => /* @__PURE__ */ j(Kr, { children: [
     /* @__PURE__ */ o(Gn, { playQueueStore: t }),
-    /* @__PURE__ */ o(Zn, { playQueueStore: t })
+    /* @__PURE__ */ o(Qn, { playQueueStore: t })
   ] })
 );
-function ei(t) {
+function ti(t) {
   return t !== null && typeof t == "object" && "title" in t && typeof t.title == "string";
 }
-const ti = N(
+const ri = N(
   ({ playQueueStore: t }) => /* @__PURE__ */ o(
     re,
     {
@@ -1485,13 +1485,13 @@ N(
     const [e, n] = q(!1);
     return /* @__PURE__ */ j(ut, { children: [
       e && /* @__PURE__ */ o(
-        Xr,
+        Zr,
         {
           type: "push",
           size: "s",
           onClose: () => n(!1),
           children: /* @__PURE__ */ o("div", { style: { blockSize: "100%" }, children: /* @__PURE__ */ o(
-            Kr,
+            Xr,
             {
               language: "json",
               overflowHeight: "100%",
@@ -1510,14 +1510,14 @@ N(
         re,
         {
           onClick: () => n((i) => !i),
-          iconType: on,
+          iconType: an,
           children: "Developer tools"
         }
       )
     ] });
   }
 );
-const ki = N(
+const Mi = N(
   ({ playQueueStore: t }) => {
     const { euiTheme: e } = Vt(), n = D(
       async (i) => {
@@ -1535,7 +1535,7 @@ const ki = N(
                 url: i.url,
                 type: a.type,
                 videoId: l,
-                title: i.title || (ei(h) ? h.title : l)
+                title: i.title || (ti(h) ? h.title : l)
               })
             ]);
           }
@@ -1564,7 +1564,7 @@ const ki = N(
                 children: "Play next"
               }
             ) }),
-            /* @__PURE__ */ o(J, { grow: !1, children: /* @__PURE__ */ o(ti, { playQueueStore: t }) }),
+            /* @__PURE__ */ o(J, { grow: !1, children: /* @__PURE__ */ o(ri, { playQueueStore: t }) }),
             /* @__PURE__ */ o(J, { grow: !1, children: /* @__PURE__ */ o(
               re,
               {
@@ -1577,7 +1577,7 @@ const ki = N(
             /* @__PURE__ */ o(J, { grow: !1, children: /* @__PURE__ */ o(
               re,
               {
-                iconType: an,
+                iconType: sn,
                 onClick: t.clear,
                 disabled: t.isEmpty,
                 children: "Clear"
@@ -1604,19 +1604,19 @@ const ki = N(
         }
       ),
       t.isEmpty ? /* @__PURE__ */ o(
-        Zr,
+        Qr,
         {
           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($t, { onSave: n })
         }
-      ) : /* @__PURE__ */ o(Qn, { playQueueStore: t })
+      ) : /* @__PURE__ */ o(ei, { playQueueStore: t })
     ] });
   }
-), Qe = new Tn({
+), Qe = new xn({
   coerceTypes: !0
 });
-function ri(t, e) {
+function ni(t, e) {
   let n;
   if (n = Qe.getSchema(e), n === void 0 && (Qe.addSchema(t, e), n = Qe.getSchema(e)), n === void 0 || n.schema !== t)
     throw new Error(
@@ -1626,7 +1626,7 @@ function ri(t, e) {
     );
   return n;
 }
-const ni = {
+const ii = {
   type: "object",
   properties: {
     url: {
@@ -1645,7 +1645,7 @@ const ni = {
   required: ["url", "type", "videoId", "title"]
 };
 var w = /* @__PURE__ */ ((t) => (t.Off = "Off", t.All = "All", t.One = "One", t))(w || {});
-const ii = {
+const oi = {
   type: "object",
   properties: {
     version: {
@@ -1664,7 +1664,7 @@ const ii = {
     items: {
       type: "array",
       nullable: !0,
-      items: ni
+      items: ii
     },
     currentIndex: {
       type: "integer",
@@ -1783,7 +1783,7 @@ const ii = {
 };
 B(Ie, "nextId", 1);
 let nt = Ie;
-class oi {
+class ai {
   constructor(e) {
     B(this, "interacted", !1);
     B(this, "items", []);
@@ -1854,8 +1854,8 @@ class oi {
     this.repeat = e.repeat ?? w.Off, this.shuffle = e.shuffle ?? !1, this.items = ((n = e.items) == null ? void 0 : n.map((i) => this.createItem(i))) ?? [], this.currentIndex = e.currentIndex;
   }
   validateLocalStorageState(e) {
-    return ri(
-      ii,
+    return ni(
+      oi,
       "PlayQueueDto"
     )(e);
   }
@@ -2011,11 +2011,11 @@ class oi {
     this.currentIndex !== void 0 && (this.currentIndex = 0);
   }
 }
-const tr = zt(void 0), Mi = ({
+const tr = zt(void 0), Fi = ({
   children: t
 }) => {
   const [e] = q(
-    () => new oi(new Ht())
+    () => new ai(new Gt())
   ), n = ne();
   return Ar(() => Or(
     () => e.currentItem,
@@ -2023,11 +2023,11 @@ const tr = zt(void 0), Mi = ({
       i === void 0 || a === void 0 || i.type === a.type && i.videoId === a.videoId && await n.setCurrentTime(0);
     }
   ), [e, n]), /* @__PURE__ */ o(tr.Provider, { value: e, children: t });
-}, ai = () => ot(tr), si = {
-  [w.Off]: cn,
-  [w.All]: ln,
-  [w.One]: sn
-}, li = N(
+}, si = () => ot(tr), li = {
+  [w.Off]: un,
+  [w.All]: cn,
+  [w.One]: ln
+}, ci = N(
   ({
     playerStore: t,
     playQueueStore: e
@@ -2048,11 +2048,11 @@ const tr = zt(void 0), Mi = ({
         alignItems: "center",
         children: [
           /* @__PURE__ */ o(
-            H,
+            G,
             {
               title: `Shuffle: ${e.shuffle ? "On" : "Off"}`,
               "aria-label": `Shuffle: ${e.shuffle ? "On" : "Off"}`,
-              iconType: e.shuffle ? un : dn,
+              iconType: e.shuffle ? dn : fn,
               size: "s",
               iconSize: "l",
               onClick: e.toggleShuffle,
@@ -2060,11 +2060,11 @@ const tr = zt(void 0), Mi = ({
             }
           ),
           /* @__PURE__ */ o(
-            H,
+            G,
             {
               title: "Previous",
               "aria-label": "Previous",
-              iconType: fn,
+              iconType: mn,
               size: "s",
               iconSize: "l",
               onClick: i,
@@ -2072,22 +2072,22 @@ const tr = zt(void 0), Mi = ({
             }
           ),
           t.playing ? /* @__PURE__ */ o(
-            H,
+            G,
             {
               title: "Pause",
               "aria-label": "Pause",
-              iconType: mn,
+              iconType: hn,
               size: "s",
               iconSize: "l",
               onClick: () => n.pause(),
               disabled: !e.canPause || !t.controller.supports("pause")
             }
           ) : /* @__PURE__ */ o(
-            H,
+            G,
             {
               title: "Play",
               "aria-label": "Play",
-              iconType: hn,
+              iconType: vn,
               size: "s",
               iconSize: "l",
               onClick: () => n.play(),
@@ -2095,11 +2095,11 @@ const tr = zt(void 0), Mi = ({
             }
           ),
           /* @__PURE__ */ o(
-            H,
+            G,
             {
               title: "Next",
               "aria-label": "Next",
-              iconType: vn,
+              iconType: pn,
               size: "s",
               iconSize: "l",
               onClick: e.next,
@@ -2107,11 +2107,11 @@ const tr = zt(void 0), Mi = ({
             }
           ),
           /* @__PURE__ */ o(
-            H,
+            G,
             {
               title: `Repeat: ${e.repeat === w.All ? "All" : e.repeat === w.One ? "One" : "Off"}`,
               "aria-label": `Repeat: ${e.repeat === w.All ? "All" : e.repeat === w.One ? "One" : "Off"}`,
-              iconType: si[e.repeat],
+              iconType: li[e.repeat],
               size: "s",
               iconSize: "l",
               onClick: e.toggleRepeat
@@ -2121,7 +2121,7 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), ci = N(
+), ui = N(
   ({ playQueueStore: t }) => {
     const e = ne();
     return /* @__PURE__ */ o(
@@ -2145,19 +2145,19 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), ui = N(
+), di = N(
   ({ playerStore: t }) => /* @__PURE__ */ o(
-    H,
+    G,
     {
       title: "Mute",
       "aria-label": "Mute",
-      iconType: Gt,
+      iconType: Ht,
       size: "s",
       iconSize: "l",
       disabled: !t.controller.supports("setMuted")
     }
   )
-), di = N(
+), fi = N(
   ({
     playerStore: t,
     button: e,
@@ -2191,7 +2191,7 @@ const tr = zt(void 0), Mi = ({
             justifyContent: "center",
             alignItems: "center",
             children: [
-              /* @__PURE__ */ o(ui, { playerStore: t }),
+              /* @__PURE__ */ o(di, { playerStore: t }),
               /* @__PURE__ */ o(
                 Ut,
                 {
@@ -2210,19 +2210,19 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), fi = N(
+), mi = N(
   ({ playerStore: t }) => {
     const [e, n] = q(!1);
     return /* @__PURE__ */ o(
-      di,
+      fi,
       {
         playerStore: t,
         button: /* @__PURE__ */ o(
-          H,
+          G,
           {
             title: "Volume",
             "aria-label": "Volume",
-            iconType: Gt,
+            iconType: Ht,
             size: "s",
             iconSize: "l",
             onClick: () => n(!e),
@@ -2234,19 +2234,19 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), mi = ({
+), hi = ({
   onClickPlayQueueButton: t
 }) => /* @__PURE__ */ o(
-  H,
+  G,
   {
     title: "Play queue",
     "aria-label": "Play queue",
-    iconType: bn,
+    iconType: En,
     size: "s",
     iconSize: "l",
     onClick: t
   }
-), hi = N(
+), vi = N(
   ({
     playerStore: t,
     playQueueStore: e,
@@ -2276,7 +2276,7 @@ const tr = zt(void 0), Mi = ({
           items: [
             {
               name: "Speed",
-              icon: /* @__PURE__ */ o(G, { type: pn }),
+              icon: /* @__PURE__ */ o(H, { type: yn }),
               panel: 1,
               onClick: E,
               disabled: !t.controller.supports(
@@ -2285,7 +2285,7 @@ const tr = zt(void 0), Mi = ({
             },
             {
               name: "Skip back 10 seconds",
-              icon: /* @__PURE__ */ o(G, { type: yn }),
+              icon: /* @__PURE__ */ o(H, { type: gn }),
               onClick: a,
               disabled: e.isEmpty || !t.controller.supports(
                 "setCurrentTime"
@@ -2293,7 +2293,7 @@ const tr = zt(void 0), Mi = ({
             },
             {
               name: "Skip forward 30 seconds",
-              icon: /* @__PURE__ */ o(G, { type: gn }),
+              icon: /* @__PURE__ */ o(H, { type: bn }),
               onClick: l,
               disabled: e.isEmpty || !t.controller.supports(
                 "setCurrentTime"
@@ -2304,7 +2304,7 @@ const tr = zt(void 0), Mi = ({
             },
             {
               name: "Remove from play queue",
-              icon: /* @__PURE__ */ o(G, { type: ct }),
+              icon: /* @__PURE__ */ o(H, { type: ct }),
               onClick: h,
               disabled: e.isEmpty
             }
@@ -2338,7 +2338,7 @@ const tr = zt(void 0), Mi = ({
     );
     return /* @__PURE__ */ o(Bt, { initialPanelId: 0, panels: S });
   }
-), vi = me(
+), pi = me(
   ({
     playerStore: t,
     playQueueStore: e,
@@ -2354,7 +2354,7 @@ const tr = zt(void 0), Mi = ({
       panelPaddingSize: "none",
       anchorPosition: "upRight",
       children: /* @__PURE__ */ o(
-        hi,
+        vi,
         {
           playerStore: t,
           playQueueStore: e,
@@ -2363,16 +2363,16 @@ const tr = zt(void 0), Mi = ({
       )
     }
   )
-), pi = me(
+), yi = me(
   ({ playerStore: t, playQueueStore: e }) => {
     const [n, i] = q(!1);
     return /* @__PURE__ */ o(
-      vi,
+      pi,
       {
         playerStore: t,
         playQueueStore: e,
         button: /* @__PURE__ */ o(
-          H,
+          G,
           {
             title: "More options",
             "aria-label": "More options",
@@ -2387,7 +2387,7 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), yi = me(
+), gi = me(
   ({
     playerStore: t,
     playQueueStore: e,
@@ -2400,15 +2400,15 @@ const tr = zt(void 0), Mi = ({
       justifyContent: "flexEnd",
       alignItems: "center",
       children: [
-        /* @__PURE__ */ o(fi, { playerStore: t }),
+        /* @__PURE__ */ o(mi, { playerStore: t }),
         n && /* @__PURE__ */ o(
-          mi,
+          hi,
           {
             onClickPlayQueueButton: n
           }
         ),
         /* @__PURE__ */ o(
-          pi,
+          yi,
           {
             playerStore: t,
             playQueueStore: e
@@ -2417,7 +2417,7 @@ const tr = zt(void 0), Mi = ({
       ]
     }
   )
-), gi = N(
+), bi = N(
   ({ playerStore: t, playQueueStore: e }) => {
     const n = ne(), i = D(
       (d) => {
@@ -2458,14 +2458,14 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), Fi = N(
+), ji = N(
   ({
     playerStore: t,
     playQueueStore: e,
     onClickPlayQueueButton: n
-  }) => /* @__PURE__ */ o(Qr, { paddingSize: "s", children: /* @__PURE__ */ j(se, { direction: "column", gutterSize: "none", children: [
+  }) => /* @__PURE__ */ o(en, { paddingSize: "s", children: /* @__PURE__ */ j(se, { direction: "column", gutterSize: "none", children: [
     /* @__PURE__ */ o(J, { children: /* @__PURE__ */ o(
-      gi,
+      bi,
       {
         playerStore: t,
         playQueueStore: e
@@ -2473,20 +2473,20 @@ const tr = zt(void 0), Mi = ({
     ) }),
     /* @__PURE__ */ o(J, { children: /* @__PURE__ */ j(se, { responsive: !1, children: [
       /* @__PURE__ */ o(J, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
-        ci,
+        ui,
         {
           playQueueStore: e
         }
       ) }),
       /* @__PURE__ */ o(J, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
-        li,
+        ci,
         {
           playerStore: t,
           playQueueStore: e
         }
       ) }),
       /* @__PURE__ */ o(J, { css: { width: "calc(100% / 3)" }, children: /* @__PURE__ */ o(
-        yi,
+        gi,
         {
           playerStore: t,
           playQueueStore: e,
@@ -2495,14 +2495,14 @@ const tr = zt(void 0), Mi = ({
       ) })
     ] }) })
   ] }) })
-), rr = 81, it = {
+), Ni = (t) => /* @__PURE__ */ o(jr, { ...t }), rr = 81, it = {
   width: 400,
   height: 225
-}, ji = N(
+}, $i = N(
   ({ children: t }) => {
-    const e = ai();
+    const e = si();
     return /* @__PURE__ */ j(
-      en,
+      tn,
       {
         panelled: !0,
         style: {
@@ -2515,7 +2515,7 @@ const tr = zt(void 0), Mi = ({
       }
     );
   }
-), Ni = N(
+), Di = N(
   ({ playerStore: t, playQueueStore: e }) => {
     const n = ne(), i = D(async () => {
       e.interacted && await n.play();
@@ -2564,7 +2564,7 @@ const tr = zt(void 0), Mi = ({
           flexDirection: "column"
         },
         children: /* @__PURE__ */ o("div", { css: { flexGrow: 1, backgroundColor: "black" }, children: e.currentItem && /* @__PURE__ */ o(
-          jr,
+          Nr,
           {
             src: e.currentItem.url,
             options: l,
@@ -2575,9 +2575,9 @@ const tr = zt(void 0), Mi = ({
     );
   }
 );
-class bi {
+class Ei {
   constructor(e) {
-    B(this, "controller", Nr);
+    B(this, "controller", $r);
     B(this, "playing", !1);
     B(this, "percent", 0);
     B(this, "seeking", !1);
@@ -2621,25 +2621,26 @@ class bi {
     e !== void 0 && (this.seeking || (this.percent = e));
   }
 }
-const nr = zt(void 0), $i = ({
+const nr = zt(void 0), zi = ({
   children: t
 }) => {
   const [e] = q(
-    () => new bi(new Ht())
+    () => new Ei(new Gt())
   );
   return /* @__PURE__ */ o(nr.Provider, { value: e, children: t });
-}, Di = () => ot(nr);
+}, Li = () => ot(nr);
 export {
-  Fi as BottomBar,
-  ji as MediaPlayerLayout,
-  Ni as MiniPlayer,
-  Ht as MobXObservableStateProvider,
-  Ai as ObservableStateProvider,
-  ki as PlayQueue,
-  Mi as PlayQueueStoreProvider,
-  $i as PlayerStoreProvider,
+  ji as BottomBar,
+  Ni as HydrangeanDivaProvider,
+  $i as MediaPlayerLayout,
+  Di as MiniPlayer,
+  Gt as MobXObservableStateProvider,
+  ki as ObservableStateProvider,
+  Mi as PlayQueue,
+  Fi as PlayQueueStoreProvider,
+  zi as PlayerStoreProvider,
   w as RepeatMode,
-  ai as usePlayQueueStore,
-  Di as usePlayerStore
+  si as usePlayQueueStore,
+  Li as usePlayerStore
 };
 //# sourceMappingURL=index.es.js.map