@banou/media-player 0.2.2 → 0.2.4

package/build/index.js

@@ -21,16 +21,16 @@ function Kt() {
   if (Xr)
     return ir;
   Xr = 1;
-  var e = ht, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = ht, r = Symbol.for("react.element"), t = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function l(u, d, v) {
     var m, h = {}, y = null, k = null;
     v !== void 0 && (y = "" + v), d.key !== void 0 && (y = "" + d.key), d.ref !== void 0 && (k = d.ref);
     for (m in d)
-      a.call(d, m) && !i.hasOwnProperty(m) && (h[m] = d[m]);
+      a.call(d, m) && !o.hasOwnProperty(m) && (h[m] = d[m]);
     if (u && u.defaultProps)
       for (m in d = u.defaultProps, d)
         h[m] === void 0 && (h[m] = d[m]);
-    return { $$typeof: r, type: u, key: y, ref: k, props: h, _owner: o.current };
+    return { $$typeof: r, type: u, key: y, ref: k, props: h, _owner: i.current };
   }
   return ir.Fragment = t, ir.jsx = l, ir.jsxs = l, ir;
 }
@@ -47,7 +47,7 @@ var sr = {};
 var Zr;
 function Ht() {
   return Zr || (Zr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ht, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), N = Symbol.iterator, b = "@@iterator";
+    var e = ht, r = Symbol.for("react.element"), t = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), m = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), y = Symbol.for("react.lazy"), k = Symbol.for("react.offscreen"), N = Symbol.iterator, b = "@@iterator";
     function x(n) {
       if (n === null || typeof n != "object")
         return null;
@@ -75,7 +75,7 @@ function Ht() {
     var I = !1, f = !1, B = !1, R = !1, Oe = !1, we;
     we = Symbol.for("react.module.reference");
     function Ae(n) {
-      return !!(typeof n == "string" || typeof n == "function" || n === a || n === i || Oe || n === o || n === v || n === m || R || n === k || I || f || B || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === h || n.$$typeof === l || n.$$typeof === u || n.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof n == "string" || typeof n == "function" || n === a || n === o || Oe || n === i || n === v || n === m || R || n === k || I || f || B || typeof n == "object" && n !== null && (n.$$typeof === y || n.$$typeof === h || n.$$typeof === l || n.$$typeof === u || n.$$typeof === d || // 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.
@@ -103,9 +103,9 @@ function Ht() {
           return "Fragment";
         case t:
           return "Portal";
-        case i:
-          return "Profiler";
         case o:
+          return "Profiler";
+        case i:
           return "StrictMode";
         case v:
           return "Suspense";
@@ -648,9 +648,9 @@ function Zt(e) {
 var Qt = /* @__PURE__ */ function() {
   function e(t) {
     var a = this;
-    this._insertTag = function(o) {
-      var i;
-      a.tags.length === 0 ? a.insertionPoint ? i = a.insertionPoint.nextSibling : a.prepend ? i = a.container.firstChild : i = a.before : i = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(o, i), a.tags.push(o);
+    this._insertTag = function(i) {
+      var o;
+      a.tags.length === 0 ? a.insertionPoint ? o = a.insertionPoint.nextSibling : a.prepend ? o = a.container.firstChild : o = a.before : o = a.tags[a.tags.length - 1].nextSibling, a.container.insertBefore(i, o), a.tags.push(i);
     }, this.isSpeedy = t.speedy === void 0 ? process.env.NODE_ENV === "production" : t.speedy, this.tags = [], this.ctr = 0, this.nonce = t.nonce, this.key = t.key, this.container = t.container, this.prepend = t.prepend, this.insertionPoint = t.insertionPoint, this.before = null;
   }
   var r = e.prototype;
@@ -658,21 +658,21 @@ var Qt = /* @__PURE__ */ function() {
     a.forEach(this._insertTag);
   }, r.insert = function(a) {
     this.ctr % (this.isSpeedy ? 65e3 : 1) === 0 && this._insertTag(Zt(this));
-    var o = this.tags[this.tags.length - 1];
+    var i = this.tags[this.tags.length - 1];
     if (process.env.NODE_ENV !== "production") {
-      var i = a.charCodeAt(0) === 64 && a.charCodeAt(1) === 105;
-      i && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
-` + a + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !i;
+      var o = a.charCodeAt(0) === 64 && a.charCodeAt(1) === 105;
+      o && this._alreadyInsertedOrderInsensitiveRule && console.error(`You're attempting to insert the following rule:
+` + a + "\n\n`@import` rules must be before all other types of rules in a stylesheet but other rules have already been inserted. Please ensure that `@import` rules are before all other rules."), this._alreadyInsertedOrderInsensitiveRule = this._alreadyInsertedOrderInsensitiveRule || !o;
     }
     if (this.isSpeedy) {
-      var l = Xt(o);
+      var l = Xt(i);
       try {
         l.insertRule(a, l.cssRules.length);
       } catch (u) {
         process.env.NODE_ENV !== "production" && !/:(-moz-placeholder|-moz-focus-inner|-moz-focusring|-ms-input-placeholder|-moz-read-write|-moz-read-only|-ms-clear|-ms-expand|-ms-reveal){/.test(a) && console.error('There was a problem inserting the following rule: "' + a + '"', u);
       }
     } else
-      o.appendChild(document.createTextNode(a));
+      i.appendChild(document.createTextNode(a));
     this.ctr++;
   }, r.flush = function() {
     this.tags.forEach(function(a) {
@@ -714,8 +714,8 @@ function sn(e, r) {
   return e.map(r).join("");
 }
 var Sr = 1, rr = 1, yt = 0, pe = 0, Q = 0, tr = "";
-function xr(e, r, t, a, o, i, l) {
-  return { value: e, root: r, parent: t, type: a, props: o, children: i, line: Sr, column: rr, length: l, return: "" };
+function xr(e, r, t, a, i, o, l) {
+  return { value: e, root: r, parent: t, type: a, props: i, children: o, line: Sr, column: rr, length: l, return: "" };
 }
 function cr(e, r) {
   return nn(xr("", null, null, "", null, null, 0), e, { length: -e.length }, r);
@@ -821,8 +821,8 @@ function mn(e) {
 function gn(e) {
   return Et(yr("", null, null, null, [""], e = wt(e), 0, [0], e));
 }
-function yr(e, r, t, a, o, i, l, u, d) {
-  for (var v = 0, m = 0, h = l, y = 0, k = 0, N = 0, b = 1, x = 1, _ = 1, S = 0, P = "", I = o, f = i, B = a, R = P; x; )
+function yr(e, r, t, a, i, o, l, u, d) {
+  for (var v = 0, m = 0, h = l, y = 0, k = 0, N = 0, b = 1, x = 1, _ = 1, S = 0, P = "", I = i, f = o, B = a, R = P; x; )
     switch (N = S, S = ye()) {
       case 40:
         if (N != 108 && te(R, h - 1) == 58) {
@@ -868,16 +868,16 @@ function yr(e, r, t, a, o, i, l, u, d) {
           case 59:
             R += ";";
           default:
-            if (pr(B = rt(R, r, t, v, m, o, u, P, I = [], f = [], h), i), S === 123)
+            if (pr(B = rt(R, r, t, v, m, i, u, P, I = [], f = [], h), o), S === 123)
               if (m === 0)
-                yr(R, r, B, B, I, i, h, u, f);
+                yr(R, r, B, B, I, o, h, u, f);
               else
                 switch (y === 99 && te(R, 3) === 110 ? 100 : y) {
                   case 100:
                   case 108:
                   case 109:
                   case 115:
-                    yr(e, B, B, a && pr(rt(e, B, B, 0, 0, o, u, P, o, I = [], h), f), o, f, h, u, a ? I : f);
+                    yr(e, B, B, a && pr(rt(e, B, B, 0, 0, i, u, P, i, I = [], h), f), i, f, h, u, a ? I : f);
                     break;
                   default:
                     yr(R, B, B, B, [""], f, 0, u, f);
@@ -908,13 +908,13 @@ function yr(e, r, t, a, o, i, l, u, d) {
             N === 45 && Te(R) == 2 && (b = 0);
         }
     }
-  return i;
+  return o;
 }
-function rt(e, r, t, a, o, i, l, u, d, v, m) {
-  for (var h = o - 1, y = o === 0 ? i : [""], k = Ur(y), N = 0, b = 0, x = 0; N < a; ++N)
+function rt(e, r, t, a, i, o, l, u, d, v, m) {
+  for (var h = i - 1, y = i === 0 ? o : [""], k = Ur(y), N = 0, b = 0, x = 0; N < a; ++N)
     for (var _ = 0, S = lr(e, h + 1, h = tn(b = l[N])), P = e; _ < k; ++_)
       (P = bt(b > 0 ? y[_] + " " + S : M(S, /&\f/g, y[_]))) && (d[x++] = P);
-  return xr(e, r, t, o === 0 ? Vr : u, d, v, m);
+  return xr(e, r, t, i === 0 ? Vr : u, d, v, m);
 }
 function hn(e, r, t) {
   return xr(e, r, t, jr, kr(cn()), lr(e, 2, -2), 0);
@@ -923,8 +923,8 @@ function tt(e, r, t, a) {
   return xr(e, r, t, Br, lr(e, 0, a), lr(e, a + 1, -1), a);
 }
 function er(e, r) {
-  for (var t = "", a = Ur(e), o = 0; o < a; o++)
-    t += r(e[o], o, e, r) || "";
+  for (var t = "", a = Ur(e), i = 0; i < a; i++)
+    t += r(e[i], i, e, r) || "";
   return t;
 }
 function pn(e, r, t, a) {
@@ -946,9 +946,9 @@ function pn(e, r, t, a) {
 }
 function vn(e) {
   var r = Ur(e);
-  return function(t, a, o, i) {
+  return function(t, a, i, o) {
     for (var l = "", u = 0; u < r; u++)
-      l += e[u](t, a, o, i) || "";
+      l += e[u](t, a, i, o) || "";
     return l;
   };
 }
@@ -964,28 +964,28 @@ function yn(e) {
   };
 }
 var wn = function(r, t, a) {
-  for (var o = 0, i = 0; o = i, i = Pe(), o === 38 && i === 12 && (t[a] = 1), !ur(i); )
+  for (var i = 0, o = 0; i = o, o = Pe(), i === 38 && o === 12 && (t[a] = 1), !ur(o); )
     ye();
   return dr(r, pe);
 }, En = function(r, t) {
-  var a = -1, o = 44;
+  var a = -1, i = 44;
   do
-    switch (ur(o)) {
+    switch (ur(i)) {
       case 0:
-        o === 38 && Pe() === 12 && (t[a] = 1), r[a] += wn(pe - 1, t, a);
+        i === 38 && Pe() === 12 && (t[a] = 1), r[a] += wn(pe - 1, t, a);
         break;
       case 2:
-        r[a] += br(o);
+        r[a] += br(i);
         break;
       case 4:
-        if (o === 44) {
+        if (i === 44) {
           r[++a] = Pe() === 58 ? "&\f" : "", t[a] = r[a].length;
           break;
         }
       default:
-        r[a] += kr(o);
+        r[a] += kr(i);
     }
-  while (o = ye());
+  while (i = ye());
   return r;
 }, Nn = function(r, t) {
   return Et(En(wt(r), t));
@@ -993,14 +993,14 @@ var wn = function(r, t, a) {
   if (!(r.type !== "rule" || !r.parent || // positive .length indicates that this rule contains pseudo
   // negative .length indicates that this rule has been already prefixed
   r.length < 1)) {
-    for (var t = r.value, a = r.parent, o = r.column === a.column && r.line === a.line; a.type !== "rule"; )
+    for (var t = r.value, a = r.parent, i = r.column === a.column && r.line === a.line; a.type !== "rule"; )
       if (a = a.parent, !a)
         return;
-    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !nt.get(a)) && !o) {
+    if (!(r.props.length === 1 && t.charCodeAt(0) !== 58 && !nt.get(a)) && !i) {
       nt.set(r, !0);
-      for (var i = [], l = Nn(t, i), u = a.props, d = 0, v = 0; d < l.length; d++)
+      for (var o = [], l = Nn(t, o), u = a.props, d = 0, v = 0; d < l.length; d++)
         for (var m = 0; m < u.length; m++, v++)
-          r.props[v] = i[d] ? l[d].replace(/&\f/g, u[m]) : u[m] + " " + l[d];
+          r.props[v] = o[d] ? l[d].replace(/&\f/g, u[m]) : u[m] + " " + l[d];
     }
   }
 }, Sn = function(r) {
@@ -1013,13 +1013,13 @@ var wn = function(r, t, a) {
 }, xn = "emotion-disable-server-rendering-unsafe-selector-warning-please-do-not-use-this-the-warning-exists-for-a-reason", _n = function(r) {
   return r.type === "comm" && r.children.indexOf(xn) > -1;
 }, Rn = function(r) {
-  return function(t, a, o) {
+  return function(t, a, i) {
     if (!(t.type !== "rule" || r.compat)) {
-      var i = t.value.match(/(:first|:nth|:nth-last)-child/g);
-      if (i) {
+      var o = t.value.match(/(:first|:nth|:nth-last)-child/g);
+      if (o) {
         for (var l = !!t.parent, u = l ? t.parent.children : (
           // global rule at the root level
-          o
+          i
         ), d = u.length - 1; d >= 0; d--) {
           var v = u[d];
           if (v.line < t.line)
@@ -1030,7 +1030,7 @@ var wn = function(r, t, a) {
             break;
           }
         }
-        i.forEach(function(m) {
+        o.forEach(function(m) {
           console.error('The pseudo class "' + m + '" is potentially unsafe when doing server-side rendering. Try changing it to "' + m.split("-child")[0] + '-of-type".');
         });
       }
@@ -1162,7 +1162,7 @@ function kt(e, r) {
   }
   return e;
 }
-var Pn = function(r, t, a, o) {
+var Pn = function(r, t, a, i) {
   if (r.length > -1 && !r.return)
     switch (r.type) {
       case Br:
@@ -1171,24 +1171,24 @@ var Pn = function(r, t, a, o) {
       case vt:
         return er([cr(r, {
           value: M(r.value, "@", "@" + L)
-        })], o);
+        })], i);
       case Vr:
         if (r.length)
-          return sn(r.props, function(i) {
-            switch (on(i, /(::plac\w+|:read-\w+)/)) {
+          return sn(r.props, function(o) {
+            switch (on(o, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
                 return er([cr(r, {
-                  props: [M(i, /:(read-\w+)/, ":" + wr + "$1")]
-                })], o);
+                  props: [M(o, /:(read-\w+)/, ":" + wr + "$1")]
+                })], i);
               case "::placeholder":
                 return er([cr(r, {
-                  props: [M(i, /:(plac\w+)/, ":" + L + "input-$1")]
+                  props: [M(o, /:(plac\w+)/, ":" + L + "input-$1")]
                 }), cr(r, {
-                  props: [M(i, /:(plac\w+)/, ":" + wr + "$1")]
+                  props: [M(o, /:(plac\w+)/, ":" + wr + "$1")]
                 }), cr(r, {
-                  props: [M(i, /:(plac\w+)/, oe + "input-$1")]
-                })], o);
+                  props: [M(o, /:(plac\w+)/, oe + "input-$1")]
+                })], i);
             }
             return "";
           });
@@ -1205,17 +1205,17 @@ If multiple caches share the same key they might "fight" for each other's style
       x.indexOf(" ") !== -1 && (document.head.appendChild(b), b.setAttribute("data-s", ""));
     });
   }
-  var o = r.stylisPlugins || On;
+  var i = r.stylisPlugins || On;
   if (process.env.NODE_ENV !== "production" && /[^a-z-]/.test(t))
     throw new Error('Emotion key must only contain lower case alphabetical characters and - but "' + t + '" was passed');
-  var i = {}, l, u = [];
+  var o = {}, l, u = [];
   l = r.container || document.head, Array.prototype.forEach.call(
     // this means we will ignore elements which don't have a space in them which
     // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
     document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
     function(b) {
       for (var x = b.getAttribute("data-emotion").split(" "), _ = 1; _ < x.length; _++)
-        i[x[_]] = !0;
+        o[x[_]] = !0;
       u.push(b);
     }
   );
@@ -1230,7 +1230,7 @@ If multiple caches share the same key they might "fight" for each other's style
       b.root || (b.return ? m.insert(b.return) : b.value && b.type !== jr && m.insert(b.value + "{}"));
     } : bn(function(b) {
       m.insert(b);
-    })], y = vn(v.concat(o, h)), k = function(x) {
+    })], y = vn(v.concat(i, h)), k = function(x) {
       return er(gn(x), y);
     };
     d = function(x, _, S, P) {
@@ -1252,7 +1252,7 @@ If multiple caches share the same key they might "fight" for each other's style
       insertionPoint: r.insertionPoint
     }),
     nonce: r.nonce,
-    inserted: i,
+    inserted: o,
     registered: {},
     insert: d
   };
@@ -1271,7 +1271,7 @@ function In() {
   if (ot)
     return D;
   ot = 1;
-  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
   function P(f) {
     if (typeof f == "object" && f !== null) {
       var B = f.$$typeof;
@@ -1281,8 +1281,8 @@ function In() {
             case d:
             case v:
             case a:
-            case i:
             case o:
+            case i:
             case h:
               return f;
             default:
@@ -1305,7 +1305,7 @@ function In() {
   function I(f) {
     return P(f) === v;
   }
-  return D.AsyncMode = d, D.ConcurrentMode = v, D.ContextConsumer = u, D.ContextProvider = l, D.Element = r, D.ForwardRef = m, D.Fragment = a, D.Lazy = N, D.Memo = k, D.Portal = t, D.Profiler = i, D.StrictMode = o, D.Suspense = h, D.isAsyncMode = function(f) {
+  return D.AsyncMode = d, D.ConcurrentMode = v, D.ContextConsumer = u, D.ContextProvider = l, D.Element = r, D.ForwardRef = m, D.Fragment = a, D.Lazy = N, D.Memo = k, D.Portal = t, D.Profiler = o, D.StrictMode = i, D.Suspense = h, D.isAsyncMode = function(f) {
     return I(f) || P(f) === d;
   }, D.isConcurrentMode = I, D.isContextConsumer = function(f) {
     return P(f) === u;
@@ -1324,13 +1324,13 @@ function In() {
   }, D.isPortal = function(f) {
     return P(f) === t;
   }, D.isProfiler = function(f) {
-    return P(f) === i;
-  }, D.isStrictMode = function(f) {
     return P(f) === o;
+  }, D.isStrictMode = function(f) {
+    return P(f) === i;
   }, D.isSuspense = function(f) {
     return P(f) === h;
   }, D.isValidElementType = function(f) {
-    return typeof f == "string" || typeof f == "function" || f === a || f === v || f === i || f === o || f === h || f === y || typeof f == "object" && f !== null && (f.$$typeof === N || f.$$typeof === k || f.$$typeof === l || f.$$typeof === u || f.$$typeof === m || f.$$typeof === x || f.$$typeof === _ || f.$$typeof === S || f.$$typeof === b);
+    return typeof f == "string" || typeof f == "function" || f === a || f === v || f === o || f === i || f === h || f === y || typeof f == "object" && f !== null && (f.$$typeof === N || f.$$typeof === k || f.$$typeof === l || f.$$typeof === u || f.$$typeof === m || f.$$typeof === x || f.$$typeof === _ || f.$$typeof === S || f.$$typeof === b);
   }, D.typeOf = P, D;
 }
 var F = {};
@@ -1345,10 +1345,10 @@ var F = {};
 var it;
 function $n() {
   return it || (it = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, y = e ? Symbol.for("react.suspense_list") : 60120, k = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, b = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, S = e ? Symbol.for("react.scope") : 60119;
     function P(s) {
       return typeof s == "string" || typeof s == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      s === a || s === v || s === i || s === o || s === h || s === y || typeof s == "object" && s !== null && (s.$$typeof === N || s.$$typeof === k || s.$$typeof === l || s.$$typeof === u || s.$$typeof === m || s.$$typeof === x || s.$$typeof === _ || s.$$typeof === S || s.$$typeof === b);
+      s === a || s === v || s === o || s === i || s === h || s === y || typeof s == "object" && s !== null && (s.$$typeof === N || s.$$typeof === k || s.$$typeof === l || s.$$typeof === u || s.$$typeof === m || s.$$typeof === x || s.$$typeof === _ || s.$$typeof === S || s.$$typeof === b);
     }
     function I(s) {
       if (typeof s == "object" && s !== null) {
@@ -1360,8 +1360,8 @@ function $n() {
               case d:
               case v:
               case a:
-              case i:
               case o:
+              case i:
               case h:
                 return W;
               default:
@@ -1382,7 +1382,7 @@ function $n() {
         }
       }
     }
-    var f = d, B = v, R = u, Oe = l, we = r, Ae = m, Ie = a, ue = N, H = k, J = t, fe = i, X = o, Ee = h, ne = !1;
+    var f = d, B = v, R = u, Oe = l, we = r, Ae = m, Ie = a, ue = N, H = k, J = t, fe = o, X = i, Ee = h, ne = !1;
     function ae(s) {
       return ne || (ne = !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.")), ee(s) || I(s) === d;
     }
@@ -1414,10 +1414,10 @@ function $n() {
       return I(s) === t;
     }
     function ie(s) {
-      return I(s) === i;
+      return I(s) === o;
     }
     function be(s) {
-      return I(s) === o;
+      return I(s) === i;
     }
     function je(s) {
       return I(s) === h;
@@ -1445,12 +1445,12 @@ xt[St.Memo] = Dn;
 var Fn = !0;
 function jn(e, r, t) {
   var a = "";
-  return t.split(" ").forEach(function(o) {
-    e[o] !== void 0 ? r.push(e[o] + ";") : a += o + " ";
+  return t.split(" ").forEach(function(i) {
+    e[i] !== void 0 ? r.push(e[i] + ";") : a += i + " ";
   }), a;
 }
 var _t = function(r, t, a) {
-  var o = r.key + "-" + t.name;
+  var i = r.key + "-" + t.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
   // the tree but if it's a string tag, we know it won't
@@ -1460,25 +1460,25 @@ var _t = function(r, t, 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
-  Fn === !1) && r.registered[o] === void 0 && (r.registered[o] = t.styles);
+  Fn === !1) && r.registered[i] === void 0 && (r.registered[i] = t.styles);
 }, Vn = function(r, t, a) {
   _t(r, t, a);
-  var o = r.key + "-" + t.name;
+  var i = r.key + "-" + t.name;
   if (r.inserted[t.name] === void 0) {
-    var i = t;
+    var o = t;
     do
-      r.insert(t === i ? "." + o : "", i, r.sheet, !0), i = i.next;
-    while (i !== void 0);
+      r.insert(t === o ? "." + i : "", o, r.sheet, !0), o = o.next;
+    while (o !== void 0);
   }
 };
 function Bn(e) {
-  for (var r = 0, t, a = 0, o = e.length; o >= 4; ++a, o -= 4)
+  for (var r = 0, t, a = 0, i = e.length; i >= 4; ++a, i -= 4)
     t = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, t = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), t ^= /* k >>> r: */
     t >>> 24, r = /* Math.imul(k, m): */
     (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
     (r & 65535) * 1540483477 + ((r >>> 16) * 59797 << 16);
-  switch (o) {
+  switch (i) {
     case 3:
       r ^= (e.charCodeAt(a + 2) & 255) << 16;
     case 2:
@@ -1552,12 +1552,12 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     case "animation":
     case "animationName":
       if (typeof t == "string")
-        return t.replace(Rt, function(a, o, i) {
+        return t.replace(Rt, function(a, i, o) {
           return Re = {
-            name: o,
-            styles: i,
+            name: i,
+            styles: o,
             next: Re
-          }, o;
+          }, i;
         });
   }
   return Un[r] !== 1 && !zr(r) && typeof t == "number" && t !== 0 ? t + "px" : t;
@@ -1568,8 +1568,8 @@ if (process.env.NODE_ENV !== "production") {
     if (r === "content" && (typeof t != "string" || qn.indexOf(t) === -1 && !Wn.test(t) && (t.charAt(0) !== t.charAt(t.length - 1) || t.charAt(0) !== '"' && t.charAt(0) !== "'")))
       throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + t + "\"'`");
     var a = Gn(r, t);
-    return a !== "" && !zr(r) && r.indexOf("-") !== -1 && lt[r] === void 0 && (lt[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(Kn, "ms-").replace(Hn, function(o, i) {
-      return i.toUpperCase();
+    return a !== "" && !zr(r) && r.indexOf("-") !== -1 && lt[r] === void 0 && (lt[r] = !0, console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + r.replace(Kn, "ms-").replace(Hn, function(i, o) {
+      return o.toUpperCase();
     }) + "?")), a;
   };
 }
@@ -1601,15 +1601,15 @@ function fr(e, r, t) {
               styles: a.styles,
               next: Re
             }, a = a.next;
-        var o = t.styles + ";";
-        return process.env.NODE_ENV !== "production" && t.map !== void 0 && (o += t.map), o;
+        var i = t.styles + ";";
+        return process.env.NODE_ENV !== "production" && t.map !== void 0 && (i += t.map), i;
       }
       return Jn(e, r, t);
     }
     case "function": {
       if (e !== void 0) {
-        var i = Re, l = t(e);
-        return Re = i, fr(e, r, l);
+        var o = Re, l = t(e);
+        return Re = o, fr(e, r, l);
       } else
         process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
       break;
@@ -1637,29 +1637,29 @@ You should wrap it with \`css\` like this:
 function Jn(e, r, t) {
   var a = "";
   if (Array.isArray(t))
-    for (var o = 0; o < t.length; o++)
-      a += fr(e, r, t[o]) + ";";
+    for (var i = 0; i < t.length; i++)
+      a += fr(e, r, t[i]) + ";";
   else
-    for (var i in t) {
-      var l = t[i];
+    for (var o in t) {
+      var l = t[o];
       if (typeof l != "object")
-        r != null && r[l] !== void 0 ? a += i + "{" + r[l] + "}" : ct(l) && (a += Pr(i) + ":" + Er(i, l) + ";");
+        r != null && r[l] !== void 0 ? a += o + "{" + r[l] + "}" : ct(l) && (a += Pr(o) + ":" + Er(o, l) + ";");
       else {
-        if (i === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
+        if (o === "NO_COMPONENT_SELECTOR" && process.env.NODE_ENV !== "production")
           throw new Error(Ct);
         if (Array.isArray(l) && typeof l[0] == "string" && (r == null || r[l[0]] === void 0))
           for (var u = 0; u < l.length; u++)
-            ct(l[u]) && (a += Pr(i) + ":" + Er(i, l[u]) + ";");
+            ct(l[u]) && (a += Pr(o) + ":" + Er(o, l[u]) + ";");
         else {
           var d = fr(e, r, l);
-          switch (i) {
+          switch (o) {
             case "animation":
             case "animationName": {
-              a += Pr(i) + ":" + d + ";";
+              a += Pr(o) + ":" + d + ";";
               break;
             }
             default:
-              process.env.NODE_ENV !== "production" && i === "undefined" && console.error(zn), a += i + "{" + d + "}";
+              process.env.NODE_ENV !== "production" && o === "undefined" && console.error(zn), a += o + "{" + d + "}";
           }
         }
       }
@@ -1671,23 +1671,23 @@ process.env.NODE_ENV !== "production" && (Tt = /\/\*#\ssourceMappingURL=data:app
 var Re, ft = function(r, t, a) {
   if (r.length === 1 && typeof r[0] == "object" && r[0] !== null && r[0].styles !== void 0)
     return r[0];
-  var o = !0, i = "";
+  var i = !0, o = "";
   Re = void 0;
   var l = r[0];
-  l == null || l.raw === void 0 ? (o = !1, i += fr(a, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(st), i += l[0]);
+  l == null || l.raw === void 0 ? (i = !1, o += fr(a, t, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(st), o += l[0]);
   for (var u = 1; u < r.length; u++)
-    i += fr(a, t, r[u]), o && (process.env.NODE_ENV !== "production" && l[u] === void 0 && console.error(st), i += l[u]);
+    o += fr(a, t, r[u]), i && (process.env.NODE_ENV !== "production" && l[u] === void 0 && console.error(st), o += l[u]);
   var d;
-  process.env.NODE_ENV !== "production" && (i = i.replace(Tt, function(y) {
+  process.env.NODE_ENV !== "production" && (o = o.replace(Tt, function(y) {
     return d = y, "";
   })), ut.lastIndex = 0;
-  for (var v = "", m; (m = ut.exec(i)) !== null; )
+  for (var v = "", m; (m = ut.exec(o)) !== null; )
     v += "-" + // $FlowFixMe we know it's not null
     m[1];
-  var h = Bn(i) + v;
+  var h = Bn(o) + v;
   return process.env.NODE_ENV !== "production" ? {
     name: h,
-    styles: i,
+    styles: o,
     map: d,
     next: Re,
     toString: function() {
@@ -1695,7 +1695,7 @@ var Re, ft = function(r, t, a) {
     }
   } : {
     name: h,
-    styles: i,
+    styles: o,
     next: Re
   };
 }, Xn = function(r) {
@@ -1715,8 +1715,8 @@ process.env.NODE_ENV !== "production" && (Yr.displayName = "EmotionCacheContext"
 Yr.Provider;
 var ea = function(r) {
   return /* @__PURE__ */ pt(function(t, a) {
-    var o = Vt(Yr);
-    return r(t, o, a);
+    var i = Vt(Yr);
+    return r(t, i, a);
   });
 }, Pt = /* @__PURE__ */ Fe.createContext({});
 process.env.NODE_ENV !== "production" && (Pt.displayName = "EmotionThemeContext");
@@ -1733,12 +1733,12 @@ var dt = function(r) {
   if (r)
     for (var t = r.split(`
 `), a = 0; a < t.length; a++) {
-      var o = ra(t[a]);
-      if (o) {
-        if (ta.has(o))
+      var i = ra(t[a]);
+      if (i) {
+        if (ta.has(i))
           break;
-        if (/^[A-Z]/.test(o))
-          return na(o);
+        if (/^[A-Z]/.test(i))
+          return na(i);
       }
     }
 }, Mr = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", Dr = "__EMOTION_LABEL_PLEASE_DO_NOT_USE__", Ot = function(r, t) {
@@ -1746,24 +1746,24 @@ var dt = function(r) {
   t.css.indexOf(":") !== -1)
     throw new Error("Strings are not allowed as css prop values, please wrap it in a css template literal from '@emotion/react' like this: css`" + t.css + "`");
   var a = {};
-  for (var o in t)
-    _r.call(t, o) && (a[o] = t[o]);
+  for (var i in t)
+    _r.call(t, i) && (a[i] = t[i]);
   if (a[Mr] = r, process.env.NODE_ENV !== "production" && t.css && (typeof t.css != "object" || typeof t.css.name != "string" || t.css.name.indexOf("-") === -1)) {
-    var i = aa(new Error().stack);
-    i && (a[Dr] = i);
+    var o = aa(new Error().stack);
+    o && (a[Dr] = o);
   }
   return a;
 }, oa = function(r) {
-  var t = r.cache, a = r.serialized, o = r.isStringTag;
-  return _t(t, a, o), Qn(function() {
-    return Vn(t, a, o);
+  var t = r.cache, a = r.serialized, i = r.isStringTag;
+  return _t(t, a, i), Qn(function() {
+    return Vn(t, a, i);
   }), null;
 }, At = /* @__PURE__ */ ea(function(e, r, t) {
   var a = e.css;
   typeof a == "string" && r.registered[a] !== void 0 && (a = r.registered[a]);
-  var o = e[Mr], i = [a], l = "";
-  typeof e.className == "string" ? l = jn(r.registered, i, e.className) : e.className != null && (l = e.className + " ");
-  var u = ft(i, void 0, Fe.useContext(Pt));
+  var i = e[Mr], o = [a], l = "";
+  typeof e.className == "string" ? l = jn(r.registered, o, e.className) : e.className != null && (l = e.className + " ");
+  var u = ft(o, void 0, Fe.useContext(Pt));
   if (process.env.NODE_ENV !== "production" && u.name.indexOf("-") === -1) {
     var d = e[Dr];
     d && (u = ft([u, "label:" + d + ";"]));
@@ -1775,8 +1775,8 @@ var dt = function(r) {
   return v.ref = t, v.className = l, /* @__PURE__ */ Fe.createElement(Fe.Fragment, null, /* @__PURE__ */ Fe.createElement(oa, {
     cache: r,
     serialized: u,
-    isStringTag: typeof o == "string"
-  }), /* @__PURE__ */ Fe.createElement(o, v));
+    isStringTag: typeof i == "string"
+  }), /* @__PURE__ */ Fe.createElement(i, v));
 });
 process.env.NODE_ENV !== "production" && (At.displayName = "EmotionCssPropInternal");
 var It = At, Ze = Jt;
@@ -1788,42 +1788,42 @@ function ge(e, r, t) {
 }
 function ia(e, r) {
   let t = null, a = null;
-  return function(...i) {
+  return function(...o) {
     const l = this;
-    t === null ? r.apply(l, i) : a = i, clearTimeout(t), t = setTimeout(() => {
+    t === null ? r.apply(l, o) : a = o, clearTimeout(t), t = setTimeout(() => {
       a && (r.apply(l, a), a = null), t = null;
     }, e);
   };
 }
 const sa = (e, r) => {
-  let t, a, o;
-  const i = (l, u, d) => (v) => {
+  let t, a, i;
+  const o = (l, u, d) => (v) => {
     const m = performance.now();
     return setTimeout(() => {
-      if (!o) {
+      if (!i) {
         t = void 0, a = void 0;
         return;
       }
-      const h = (async () => r(...o))();
-      o = void 0, h.then(u).catch((N) => {
+      const h = (async () => r(...i))();
+      i = void 0, h.then(u).catch((N) => {
         console.error(N), d(N);
       });
       let y, k;
       a = new Promise((N, b) => {
         y = N, k = b;
-      }), t = h.then(i(m, y, k)).catch((N) => (console.error(N), i(l, y, k)(N)));
+      }), t = h.then(o(m, y, k)).catch((N) => (console.error(N), o(l, y, k)(N)));
     }, e - (m - l)), v;
   };
   return (...l) => {
-    if (o = l, t)
+    if (i = l, t)
       return a;
     {
       const u = performance.now(), d = (async () => r(...l))();
-      o = void 0;
+      i = void 0;
       let v, m;
       return a = new Promise((h, y) => {
         v = h, m = y;
-      }), t = d.then(i(u, v, m)).catch((h) => (console.error(h), i(u, v, m)(h))), d;
+      }), t = d.then(o(u, v, m)).catch((h) => (console.error(h), o(u, v, m)(h))), d;
     }
   };
 }, ca = (e) => (r) => new ReadableStream({
@@ -1833,7 +1833,7 @@ const sa = (e, r) => {
     this.reader = r.getReader();
   },
   async pull(t) {
-    const { leftOverData: a } = this, o = async ({ buffer: u = new Uint8Array(e), currentSize: d = 0 } = {}) => {
+    const { leftOverData: a } = this, i = async ({ buffer: u = new Uint8Array(e), currentSize: d = 0 } = {}) => {
       const { value: v, done: m } = await this.reader.read();
       if (d === 0 && a && (u.set(a), d += a.byteLength, this.leftOverData = void 0), m) {
         const k = { buffer: u.slice(0, d), currentSize: d, done: m };
@@ -1841,9 +1841,9 @@ const sa = (e, r) => {
       }
       let h;
       const y = v.slice(0, e - d);
-      return h = d + y.byteLength, u.set(y, d), h === e ? (this.leftOverData = v.slice(e - d), { buffer: u, currentSize: h, done: !1 }) : o({ buffer: u, currentSize: h });
-    }, { buffer: i, done: l } = await o();
-    i?.byteLength && t.enqueue(i), l && t.close();
+      return h = d + y.byteLength, u.set(y, d), h === e ? (this.leftOverData = v.slice(e - d), { buffer: u, currentSize: h, done: !1 }) : i({ buffer: u, currentSize: h });
+    }, { buffer: o, done: l } = await i();
+    o?.byteLength && t.enqueue(o), l && t.close();
   },
   cancel() {
     this.reader.cancel(), this.leftOverData = void 0;
@@ -1861,7 +1861,7 @@ const sa = (e, r) => {
       if (this.buffers.length >= e)
         return;
       this.currentPullPromise = this.reader.read();
-      const { value: i, done: l } = await this.currentPullPromise;
+      const { value: o, done: l } = await this.currentPullPromise;
       if (this.currentPullPromise = void 0, l) {
         try {
           for (const u of this.buffers)
@@ -1871,17 +1871,23 @@ const sa = (e, r) => {
         }
         return;
       }
-      return this.buffers.push(i), i;
-    }, o = async () => {
+      return this.buffers.push(o), o;
+    }, i = async () => {
       if (!(this.buffers.length >= e)) {
         if (this.buffers.length === 0)
-          return await a() ? o() : void 0;
-        a().then((i) => {
-          i && o();
+          return await a() ? i() : void 0;
+        a().then((o) => {
+          o && i();
         });
       }
     };
-    await o(), t.enqueue(this.buffers.shift()), o();
+    await i();
+    try {
+      t.enqueue(this.buffers.shift()), i();
+    } catch (o) {
+      if (!(o instanceof TypeError && (o.message === "ReadableStreamDefaultController.enqueue: Cannot enqueue into a stream that has already been requested to close." || o.message === "Failed to execute 'enqueue' on 'ReadableStreamDefaultController': Cannot enqueue a chunk into a readable stream that is closed or has been requested to be closed")))
+        throw o;
+    }
   },
   cancel() {
     this.reader.cancel();
@@ -1971,16 +1977,16 @@ const sa = (e, r) => {
     }
   ) : null
 ] }), mt = ({ ref: e, defaultValue: r }) => {
-  const [t, a] = Y(r), [o, i] = Y(!1), l = (u) => {
-    if (i(!0), !e.current)
+  const [t, a] = Y(r), [i, o] = Y(!1), l = (u) => {
+    if (o(!0), !e.current)
       return;
     const { clientX: d } = u, { left: v, right: m } = e.current.getBoundingClientRect();
     a(Math.min(Math.max((d - v) / (m - v), 0), 1));
   };
   return he(() => {
-    if (!o)
+    if (!i)
       return;
-    const u = () => i(!1), d = (v) => {
+    const u = () => o(!1), d = (v) => {
       if (!e.current)
         return;
       const { clientX: m } = v, { left: h, right: y } = e.current.getBoundingClientRect();
@@ -1989,9 +1995,9 @@ const sa = (e, r) => {
     return document.addEventListener("mousemove", d), document.addEventListener("mouseup", u), () => {
       document.removeEventListener("mousemove", d), document.removeEventListener("mouseup", u);
     };
-  }, [o]), {
+  }, [i]), {
     value: t,
-    scrubbing: o,
+    scrubbing: i,
     scrub: l
   };
 }, da = JSON.parse(`[{"tag":"zu","name":"isiZulu","originalName":"isiZulu","locale":"zu-ZA"},{"tag":"zh","name":"Chinese","originalName":"中文","locale":"zh-CHS"},{"tag":"yo","name":"Yoruba","originalName":"Yoruba","locale":"yo-NG"},{"tag":"xh","name":"isiXhosa","originalName":"isiXhosa","locale":"xh-ZA"},{"tag":"wo","name":"Wolof","originalName":"Wolof","locale":"wo-SN"},{"tag":"vi","name":"Vietnamese","originalName":"Tiếng Việt","locale":"vi"},{"tag":"uz","name":"Uzbek","originalName":"U'zbek","locale":"uz"},{"tag":"ur","name":"Urdu","originalName":"اُردو","locale":"ur"},{"tag":"uk","name":"Ukrainian","originalName":"україньска","locale":"uk"},{"tag":"ug","name":"Uyghur","originalName":"ئۇيغۇرچە","locale":"ug-CN"},{"tag":"tzm","name":"Tamazight","originalName":"Tamazight","locale":"tzm-Latn-DZ"},{"tag":"tt","name":"Tatar","originalName":"Татар","locale":"tt"},{"tag":"tr","name":"Turkish","originalName":"Türkçe","locale":"tr"},{"tag":"tn","name":"Setswana","originalName":"Setswana","locale":"tn-ZA"},{"tag":"tk","name":"Turkmen","originalName":"türkmençe","locale":"tk-TM"},{"tag":"th","name":"Thai","originalName":"ไทย","locale":"th"},{"tag":"tg","name":"Tajik","originalName":"Тоҷикӣ","locale":"tg-Cyrl-TJ"},{"tag":"te","name":"Telugu","originalName":"తెలుగు","locale":"te"},{"tag":"ta","name":"Tamil","originalName":"தமிழ்","locale":"ta"},{"tag":"syr","name":"Syriac","originalName":"ܣܘܪܝܝܐ","locale":"syr"},{"tag":"sw","name":"Kiswahili","originalName":"Kiswahili","locale":"sw"},{"tag":"sv","name":"Swedish","originalName":"svenska","locale":"sv"},{"tag":"sr","name":"Serbian","originalName":"srpski","locale":"sr"},{"tag":"sq","name":"Albanian","originalName":"shqipe","locale":"sq"},{"tag":"sms","name":"Sami","originalName":"sääm´ǩiõll","locale":"sms-FI"},{"tag":"smn","name":"Sami","originalName":"sämikielâ","locale":"smn-FI"},{"tag":"smj","name":"Sami","originalName":"julevusámegiella","locale":"smj-NO"},{"tag":"sma","name":"Sami","originalName":"åarjelsaemiengiele","locale":"sma-NO"},{"tag":"sl","name":"Slovenian","originalName":"slovenski","locale":"sl"},{"tag":"sk","name":"Slovak","originalName":"slovenčina","locale":"sk"},{"tag":"si","name":"Sinhala","originalName":"සිංහ","locale":"si-LK"},{"tag":"se","name":"Sami","originalName":"davvisámegiella","locale":"se-FI"},{"tag":"sah","name":"Yakut","originalName":"саха","locale":"sah-RU"},{"tag":"sa","name":"Sanskrit","originalName":"संस्कृत","locale":"sa"},{"tag":"rw","name":"Kinyarwanda","originalName":"Kinyarwanda","locale":"rw-RW"},{"tag":"ru","name":"Russian","originalName":"русский","locale":"ru"},{"tag":"ro","name":"Romanian","originalName":"română","locale":"ro"},{"tag":"rm","name":"Romansh","originalName":"Rumantsch","locale":"rm-CH"},{"tag":"quz","name":"Quechua","originalName":"runasimi","locale":"quz-BO"},{"tag":"qut","name":"K'iche","originalName":"K'iche","locale":"qut-GT"},{"tag":"pt","name":"Portuguese","originalName":"Português","locale":"pt"},{"tag":"ps","name":"Pashto","originalName":"پښتو","locale":"ps-AF"},{"tag":"prs","name":"Dari","originalName":"درى","locale":"prs-AF"},{"tag":"pl","name":"Polish","originalName":"polski","locale":"pl"},{"tag":"pa","name":"Punjabi","originalName":"ਪੰਜਾਬੀ","locale":"pa"},{"tag":"or","name":"Oriya","originalName":"ଓଡ଼ିଆ","locale":"or-IN"},{"tag":"oc","name":"Occitan","originalName":"Occitan","locale":"oc-FR"},{"tag":"nso","name":"Sesotho sa Leboa","originalName":"Sesotho sa Leboa","locale":"nso-ZA"},{"tag":"no","name":"Norwegian","originalName":"norsk","locale":"no"},{"tag":"nn","name":"Norwegian, Nynorsk","originalName":"norsk, nynorsk","locale":"nn-NO"},{"tag":"nl","name":"Dutch","originalName":"Nederlands","locale":"nl"},{"tag":"ne","name":"Nepali","originalName":"नेपाली","locale":"ne-NP"},{"tag":"nb","name":"Norwegian, Bokmål","originalName":"norsk, bokmål","locale":"nb-NO"},{"tag":"mt","name":"Maltese","originalName":"Malti","locale":"mt-MT"},{"tag":"ms","name":"Malay","originalName":"Bahasa Malaysia","locale":"ms"},{"tag":"mr","name":"Marathi","originalName":"मराठी","locale":"mr"},{"tag":"moh","name":"Mohawk","originalName":"Kanien'kéha","locale":"moh-CA"},{"tag":"mn","name":"Mongolian","originalName":"Монгол хэл","locale":"mn"},{"tag":"ml","name":"Malayalam","originalName":"മലയാളം","locale":"ml-IN"},{"tag":"mk","name":"Macedonian","originalName":"македонски јазик","locale":"mk"},{"tag":"mi","name":"Maori","originalName":"Reo Māori","locale":"mi-NZ"},{"tag":"lv","name":"Latvian","originalName":"latviešu","locale":"lv"},{"tag":"lt","name":"Lithuanian","originalName":"lietuvių","locale":"lt"},{"tag":"lo","name":"Lao","originalName":"ລາວ","locale":"lo-LA"},{"tag":"lb","name":"Luxembourgish","originalName":"Lëtzebuergesch","locale":"lb-LU"},{"tag":"ky","name":"Kyrgyz","originalName":"Кыргыз","locale":"ky"},{"tag":"kok","name":"Konkani","originalName":"कोंकणी","locale":"kok"},{"tag":"ko","name":"Korean","originalName":"한국어","locale":"ko"},{"tag":"kn","name":"Kannada","originalName":"ಕನ್ನಡ","locale":"kn"},{"tag":"km","name":"Khmer","originalName":"ខ្មែរ","locale":"km-KH"},{"tag":"kl","name":"Greenlandic","originalName":"kalaallisut","locale":"kl-GL"},{"tag":"kk","name":"Kazakh","originalName":"Қазащb","locale":"kk"},{"tag":"ka","name":"Georgian","originalName":"ქართული","locale":"ka"},{"tag":"ja","name":"Japanese","originalName":"日本語","locale":"ja"},{"tag":"iu","name":"Inuktitut","originalName":"ᐃᓄᒃᑎᑐᑦ","locale":"iu-Cans-CA"},{"tag":"it","name":"Italian","originalName":"italiano","locale":"it"},{"tag":"is","name":"Icelandic","originalName":"íslenska","locale":"is"},{"tag":"ii","name":"Yi","originalName":"ꆈꌠꁱꂷ","locale":"ii-CN"},{"tag":"ig","name":"Igbo","originalName":"Igbo","locale":"ig-NG"},{"tag":"id","name":"Indonesian","originalName":"Bahasa Indonesia","locale":"id"},{"tag":"hy","name":"Armenian","originalName":"Հայերեն","locale":"hy"},{"tag":"hu","name":"Hungarian","originalName":"magyar","locale":"hu"},{"tag":"hsb","name":"Upper Sorbian","originalName":"hornjoserbšćina","locale":"hsb-DE"},{"tag":"hr","name":"Croatian","originalName":"hrvatski","locale":"hr"},{"tag":"hi","name":"Hindi","originalName":"हिंदी","locale":"hi"},{"tag":"he","name":"Hebrew","originalName":"עברית","locale":"he"},{"tag":"ha","name":"Hausa","originalName":"Hausa","locale":"ha-Latn-NG"},{"tag":"gu","name":"Gujarati","originalName":"ગુજરાતી","locale":"gu"},{"tag":"gsw","name":"Alsatian","originalName":"Elsässisch","locale":"gsw-FR"},{"tag":"gl","name":"Galician","originalName":"galego","locale":"gl"},{"tag":"gd","name":"Scottish Gaelic","originalName":"Gàidhlig","locale":"gd-GB"},{"tag":"ga","name":"Irish","originalName":"Gaeilge","locale":"ga-IE"},{"tag":"fy","name":"Frisian","originalName":"Frysk","locale":"fy-NL"},{"tag":"fr","name":"French","originalName":"français","locale":"fr"},{"tag":"fo","name":"Faroese","originalName":"føroyskt","locale":"fo"},{"tag":"fil","name":"Filipino","originalName":"Filipino","locale":"fil-PH"},{"tag":"fi","name":"Finnish","originalName":"suomi","locale":"fi"},{"tag":"fa","name":"Persian","originalName":"فارسى","locale":"fa"},{"tag":"eu","name":"Basque","originalName":"euskara","locale":"eu"},{"tag":"et","name":"Estonian","originalName":"eesti","locale":"et"},{"tag":"es","name":"Spanish","originalName":"español","locale":"es"},{"tag":"en","name":"English","originalName":"English","locale":"en"},{"tag":"el","name":"Greek","originalName":"ελληνικά","locale":"el"},{"tag":"dv","name":"Divehi","originalName":"ދިވެހިބަސް","locale":"dv"},{"tag":"dsb","name":"Lower Sorbian","originalName":"dolnoserbšćina","locale":"dsb-DE"},{"tag":"de","name":"German","originalName":"Deutsch","locale":"de"},{"tag":"da","name":"Danish","originalName":"dansk","locale":"da"},{"tag":"cy","name":"Welsh","originalName":"Cymraeg","locale":"cy-GB"},{"tag":"cs","name":"Czech","originalName":"čeština","locale":"cs"},{"tag":"co","name":"Corsican","originalName":"Corsu","locale":"co-FR"},{"tag":"ca","name":"Catalan","originalName":"català","locale":"ca"},{"tag":"bs","name":"Bosnian","originalName":"босански","locale":"bs-Cyrl-BA"},{"tag":"br","name":"Breton","originalName":"brezhoneg","locale":"br-FR"},{"tag":"bo","name":"Tibetan","originalName":"བོད་ཡིག","locale":"bo-CN"},{"tag":"bn","name":"Bengali","originalName":"বাংলা","locale":"bn-BD"},{"tag":"bg","name":"Bulgarian","originalName":"български","locale":"bg"},{"tag":"be","name":"Belarusian","originalName":"Беларускі","locale":"be"},{"tag":"ba","name":"Bashkir","originalName":"Башҡорт","locale":"ba-RU"},{"tag":"az","name":"Azeri","originalName":"Azərbaycan­ılı","locale":"az"},{"tag":"as","name":"Assamese","originalName":"অসমীয়া","locale":"as-IN"},{"tag":"arn","name":"Mapudungun","originalName":"Mapudungun","locale":"arn-CL"},{"tag":"ar","name":"Arabic","originalName":"العربية","locale":"ar"},{"tag":"am","name":"Amharic","originalName":"አማርኛ","locale":"am-ET"},{"tag":"af","name":"Afrikaans","originalName":"Afrikaans","locale":"af"},{"tag":"iv","name":"Invariant Language","originalName":"Invariant Language","locale":""},{"tag":"Two letter","name":"English","originalName":"Native","locale":"Culture .NET"}]`), gt = (e) => da.find((r) => r.tag === e)?.name, ma = (e) => {
@@ -2001,11 +2007,11 @@ const sa = (e, r) => {
   });
   return he(() => {
     localStorage.setItem(e, JSON.stringify(r));
-  }, [e, r]), (a, o) => (he(() => {
-    t((i) => ({ ...i, [a]: o }));
+  }, [e, r]), (a, i) => (he(() => {
+    t((o) => ({ ...o, [a]: i }));
   }, []), [
     r[a],
-    (i) => t(typeof i == "function" ? (l) => ({ ...l, [a]: i(l[a]) }) : (l) => ({ ...l, [a]: i }))
+    (o) => t(typeof o == "function" ? (l) => ({ ...l, [a]: o(l[a]) }) : (l) => ({ ...l, [a]: o }))
   ]);
 }, ga = Nr`
   position: relative;
@@ -2271,8 +2277,8 @@ const sa = (e, r) => {
   currentTime: r,
   togglePlay: t,
   seek: a,
-  setVolume: o,
-  isSubtitleMenuHidden: i,
+  setVolume: i,
+  isSubtitleMenuHidden: o,
   setIsSubtitleMenuHidden: l,
   isErrorMenuHidden: u,
   setIsErrorMenuHidden: d,
@@ -2295,10 +2301,10 @@ const sa = (e, r) => {
     we !== void 0 && a(we * (e ?? 0));
   }, [we]), he(() => {
     if (X) {
-      o(0), Ee(X), ae && fe(ae);
+      i(0), Ee(X), ae && fe(ae);
       return;
     }
-    ae !== void 0 && (o(ae ** 2), fe(ae), Ee(X));
+    ae !== void 0 && (i(ae ** 2), fe(ae), Ee(X));
   }, [ae, X]);
   const ee = () => {
     R(!1);
@@ -2309,7 +2315,7 @@ const sa = (e, r) => {
   }, Ce = (s, w, W) => {
     v(w === void 0 ? w : W);
   }, $e = (s) => {
-    if (!i && s.relatedTarget === null) {
+    if (!o && s.relatedTarget === null) {
       l((W) => !W);
       return;
     }
@@ -2417,9 +2423,9 @@ const sa = (e, r) => {
           "Error"
         ] })
       ] }) : null }),
-      /* @__PURE__ */ p(Xe, { id: "subtitle-button-tooltip", globalEventOff: "click", effect: "solid", place: "top", disable: !i, children: "Subtitles" }),
+      /* @__PURE__ */ p(Xe, { id: "subtitle-button-tooltip", globalEventOff: "click", effect: "solid", place: "top", disable: !o, children: "Subtitles" }),
       /* @__PURE__ */ p("div", { className: "subtitle-area", children: y.length ? /* @__PURE__ */ ge(Ze, { children: [
-        /* @__PURE__ */ p("div", { className: `subtitle-menu ${i ? "hide" : ""}`, children: i ? null : [...y, void 0].map(
+        /* @__PURE__ */ p("div", { className: `subtitle-menu ${o ? "hide" : ""}`, children: o ? null : [...y, void 0].map(
           (s, w) => /* @__PURE__ */ p("button", { onClick: (W) => Ce(W, s, w), children: /* @__PURE__ */ p(ve, { subtitleTrack: s }) }, s ? w : "disabled")
         ) }),
         /* @__PURE__ */ p("button", { className: "subtitle-menu-button", "data-tip": !0, "data-for": "subtitle-button-tooltip", onClick: $e, children: /* @__PURE__ */ p(ve, { subtitleTrack: b }) })
@@ -2457,8 +2463,8 @@ overflow: hidden;
   isPlaying: r,
   loading: t,
   duration: a,
-  loadedTime: o,
-  currentTime: i,
+  loadedTime: i,
+  currentTime: o,
   pictureInPicture: l,
   fullscreen: u,
   play: d,
@@ -2552,10 +2558,10 @@ overflow: hidden;
         setVolume: h,
         subtitleTrack: ee,
         tracks: k,
-        currentTime: i,
+        currentTime: o,
         duration: a,
         isPlaying: r,
-        loadedTime: o,
+        loadedTime: i,
         errors: b,
         customControls: x
       }
@@ -2586,8 +2592,8 @@ overflow: hidden;
   baseBufferSize: r = ba,
   size: t,
   fetch: a,
-  customControls: o,
-  publicPath: i,
+  customControls: i,
+  publicPath: o,
   wasmUrl: l,
   libavWorkerUrl: u,
   libavWorkerOptions: d,
@@ -2603,7 +2609,7 @@ overflow: hidden;
     let w, W;
     return (async () => {
       w = m({
-        publicPath: i,
+        publicPath: o,
         workerUrl: u,
         workerOptions: d,
         bufferSize: r,
@@ -2796,7 +2802,7 @@ overflow: hidden;
         attachments: B,
         tracks: Oe,
         errors: Ae,
-        customControls: o,
+        customControls: i,
         libassWorkerUrl: v,
         wasmUrl: l
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banou/media-player",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "description": "",
   "type": "module",
   "main": "build/index.js",

package/src/index.tsx

@@ -307,6 +307,7 @@ const FKNVideo = forwardRef<HTMLVideoElement, VideoHTMLAttributes<HTMLInputEleme
           chunks = []
           await remuxer.seek(seekTime)
           const chunk1 = await pull()
+          // firefox sometimes throws "Uncaught (in promise) DOMException: An attempt was made to use an object that is not, or is no longer, usable"
           sourceBuffer.timestampOffset = chunk1.pts
           await appendBuffer(chunk1.buffer)
           if (firstSeekPaused === false) {

package/src/main.tsx

@@ -12,7 +12,7 @@ const mountStyle = css`
 `
 
 const BASE_BUFFER_SIZE = 5_000_000
-const STREAM_RESPONSES = false
+const BACKPRESSURE_STREAM_ENABLED = !navigator.userAgent.includes("Firefox")
 
 const Mount = () => {
   const [videoElemRef, setVideoElemRef] = useState<HTMLVideoElement | null>()
@@ -28,7 +28,7 @@ const Mount = () => {
       '/video9.mkv',
       {
         headers: {
-          Range: `bytes=${offset}-${end ?? ''}`
+          Range: `bytes=${offset}-${end ?? (!BACKPRESSURE_STREAM_ENABLED ? Math.min(offset + BASE_BUFFER_SIZE, size!) : '')}`
         }
       }
     )

package/src/utils.ts

@@ -227,8 +227,19 @@ export const toBufferedStream = (SIZE: number) => (stream: ReadableStream) =>
       }
 
       await tryToBuffer()
-      controller.enqueue(this.buffers.shift())
-      tryToBuffer()
+      try {
+        controller.enqueue(this.buffers.shift())
+        tryToBuffer()
+      } catch(err) {
+        if (!(
+          err instanceof TypeError && (
+            err.message === 'ReadableStreamDefaultController.enqueue: Cannot enqueue into a stream that has already been requested to close.' ||
+            err.message === `Failed to execute 'enqueue' on 'ReadableStreamDefaultController': Cannot enqueue a chunk into a readable stream that is closed or has been requested to be closed`
+          )
+        )) {
+          throw err
+        }
+      }
     },
     cancel() {
       this.reader!.cancel()