saha-ui 1.22.4 → 1.22.5

package/dist/components/VideoPlayer/index.js

@@ -1,83 +1,114 @@
-import { jsxs as k, jsx as n } from "react/jsx-runtime";
-import { useRef as T, useState as i, useEffect as v } from "react";
-import { cn as p } from "../../lib/utils.js";
-import { videoElementVariants as he, playButtonVariants as be, controlBarVariants as ye, videoPlayerVariants as we } from "./VideoPlayer.styles.js";
-import ke from "./Controls.js";
-const Te = ({
-  sources: x,
-  poster: H,
-  thumbnail: J,
-  captions: E,
-  className: W,
-  autoplay: X = !1,
-  loop: Y = !1,
-  muted: $ = !1,
-  controls: O = !1,
-  onPlay: R,
-  onPause: S,
-  variant: Z = "default",
-  size: _ = "md",
-  title: B = "",
-  ...ee
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
+import { useRef as w, useState as s, useEffect as m } from "react";
+import { cn as k } from "../../lib/utils.js";
+import { videoElementVariants as Me, playButtonVariants as Ce, controlBarVariants as Ie, videoPlayerVariants as Ne } from "./VideoPlayer.styles.js";
+import De from "./Controls.js";
+const Re = ({
+  sources: y,
+  poster: ee,
+  thumbnail: te,
+  captions: M,
+  crossOrigin: ne,
+  className: re,
+  autoplay: oe = !1,
+  loop: ce = !1,
+  muted: ae = !1,
+  controls: ie = !1,
+  onPlay: V,
+  onPause: q,
+  variant: se = "default",
+  size: ue = "md",
+  title: U = "",
+  loadStrategy: F = "native",
+  ...le
 }) => {
-  const a = T(null), L = T(null), [s, V] = i(!1), [A, F] = i(0), [P, K] = i(0), [te, g] = i(1), [j, h] = i(!!$), [ne, re] = i(1), [M, l] = i(!0), [q, ae] = i(0), [z, oe] = i(!1), [D, ie] = i(null), [ce, se] = i(0), u = T(null), c = T(null), N = H || J || null;
-  v(() => {
-    const e = () => {
-      typeof document > "u" || oe(!!document.fullscreenElement);
-    };
-    return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
-  }, []), v(() => {
+  const a = w(null), h = w(null), [l, K] = s(!1), [O, $] = s(0), [C, z] = s(0), [de, E] = s(1), [W, P] = s(!!ae), [me, fe] = s(1), [I, f] = s(!0), [L, ve] = s(0), [pe, T] = s(!1), [H, N] = s(!1), [D, ye] = s(null), [he, Q] = s(!1), R = w(null), [be, ge] = s(0), v = w(null), u = w(null), j = ee || te || null;
+  m(() => {
     const e = a.current;
     if (!e) return;
+    try {
+      const x = !!(typeof document < "u" && document.pictureInPictureEnabled && typeof e.requestPictureInPicture == "function");
+      Q(x);
+    } catch {
+      Q(!1);
+    }
     const t = () => {
-      if (K(e.duration || 0), !N && !D)
+      if (!j && !D)
         try {
-          const y = e.videoWidth || 1280, Q = e.videoHeight || 720, w = document.createElement("canvas");
-          w.width = y, w.height = Q;
-          const G = w.getContext("2d");
-          if (G) {
-            G.drawImage(e, 0, 0, y, Q);
-            const ge = w.toDataURL("image/jpeg", 0.8);
-            ie(ge);
+          const x = e.videoWidth || 1280, _ = e.videoHeight || 720, S = document.createElement("canvas");
+          S.width = x, S.height = _;
+          const Z = S.getContext("2d");
+          if (Z) {
+            Z.drawImage(e, 0, 0, x, _);
+            const Se = S.toDataURL("image/jpeg", 0.8);
+            ye(Se);
           }
         } catch {
         }
-    }, o = () => F(e.currentTime || 0), r = () => {
-      V(!0), R?.();
-    }, m = () => {
-      V(!1), S?.();
-    }, b = () => {
-      g(e.volume ?? 0), h(!!e.muted);
+      z(e.duration || 0);
+    }, r = () => T(!0), n = () => T(!1), c = () => T(!1), i = () => T(!0), d = () => $(e.currentTime || 0), J = () => {
+      K(!0), V?.();
+    }, X = () => {
+      K(!1), q?.();
+    }, Y = () => {
+      E(e.volume ?? 0), P(!!e.muted);
     };
-    return e.addEventListener("loadedmetadata", t), e.addEventListener("timeupdate", o), e.addEventListener("play", r), e.addEventListener("pause", m), e.addEventListener("volumechange", b), g(e.volume ?? 1), h(!!e.muted), K(e.duration || 0), () => {
-      e.removeEventListener("loadedmetadata", t), e.removeEventListener("timeupdate", o), e.removeEventListener("play", r), e.removeEventListener("pause", m), e.removeEventListener("volumechange", b);
+    return e.addEventListener("loadedmetadata", t), e.addEventListener("timeupdate", d), e.addEventListener("play", J), e.addEventListener("pause", X), e.addEventListener("volumechange", Y), e.addEventListener("waiting", r), e.addEventListener("playing", n), e.addEventListener("canplay", c), e.addEventListener("stalled", i), E(e.volume ?? 1), P(!!e.muted), z(e.duration || 0), () => {
+      e.removeEventListener("loadedmetadata", t), e.removeEventListener("timeupdate", d), e.removeEventListener("play", J), e.removeEventListener("pause", X), e.removeEventListener("volumechange", Y), e.removeEventListener("waiting", r), e.removeEventListener("playing", n), e.removeEventListener("canplay", c), e.removeEventListener("stalled", i);
     };
   }, [
+    L,
+    V,
     q,
-    R,
-    S,
-    N,
+    j,
     D
-  ]), v(() => () => {
-    c.current && window.clearTimeout(c.current), u.current && window.clearTimeout(u.current);
-  }, []), v(() => {
-    if (!s) {
-      l(!0), c.current && window.clearTimeout(c.current);
+  ]), m(() => {
+    if (F !== "fetch") return;
+    const e = a.current;
+    if (!e) return;
+    let t = !1, r = null;
+    return (async () => {
+      const c = y[L]?.src;
+      if (c)
+        try {
+          const i = await fetch(c, { mode: "cors" });
+          if (!i.ok) throw new Error(`Failed to fetch video: ${i.status}`);
+          const d = await i.blob();
+          if (t) return;
+          r = URL.createObjectURL(d), R.current = r, e.src = r, e.load();
+        } catch (i) {
+          console.error("fetch+attach video failed:", i);
+        }
+    })(), () => {
+      if (t = !0, r) {
+        try {
+          URL.revokeObjectURL(r);
+        } catch {
+          return;
+        }
+        R.current === r && (R.current = null);
+      }
+    };
+  }, [F, L, y]), m(() => () => {
+    u.current && window.clearTimeout(u.current), v.current && window.clearTimeout(v.current);
+  }, []), m(() => {
+    if (!l) {
+      f(!0), u.current && window.clearTimeout(u.current);
       return;
     }
-    l(!0), c.current && window.clearTimeout(c.current), c.current = window.setTimeout(
-      () => l(!1),
+    f(!0), u.current && window.clearTimeout(u.current), u.current = window.setTimeout(
+      () => f(!1),
       2500
     );
-  }, [s]);
-  const d = (e) => {
+  }, [l]);
+  const p = (e) => {
     const t = a.current;
     if (t)
       try {
-        t.currentTime = Math.max(0, Math.min(e, t.duration || e)), F(t.currentTime || 0);
+        t.currentTime = Math.max(0, Math.min(e, t.duration || e)), $(t.currentTime || 0);
       } catch {
       }
-  }, f = async () => {
+  }, b = async () => {
     const e = a.current;
     if (e)
       if (e.paused)
@@ -87,68 +118,136 @@ const Te = ({
         }
       else
         e.pause();
-  }, C = (e) => {
+  }, A = (e) => {
     const t = a.current;
-    t && (t.volume = Math.max(0, Math.min(1, e)), g(t.volume), t.volume === 0 && (t.muted = !0), h(!!t.muted));
-  }, U = () => {
+    t && (t.volume = Math.max(0, Math.min(1, e)), E(t.volume), t.volume === 0 && (t.muted = !0), P(!!t.muted));
+  }, G = () => {
     const e = a.current;
-    e && (e.muted = !e.muted, !e.muted && e.volume === 0 && (e.volume = 0.2, g(0.2)), h(!!e.muted));
-  }, le = (e) => {
+    e && (e.muted = !e.muted, !e.muted && e.volume === 0 && (e.volume = 0.2, E(0.2)), P(!!e.muted));
+  }, we = (e) => {
     const t = a.current;
-    t && (t.playbackRate = e, re(e));
-  }, I = async () => {
+    t && (t.playbackRate = e, fe(e));
+  }, B = async () => {
     try {
       if (typeof document > "u") return;
-      document.fullscreenElement ? await document.exitFullscreen() : L.current && await L.current.requestFullscreen();
+      document.fullscreenElement ? (await document.exitFullscreen(), N(!1)) : h.current && (await h.current.requestFullscreen(), N(!0));
     } catch {
     }
-  }, ue = async () => {
+  };
+  m(() => {
+    const e = () => {
+      N(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", e), () => document.removeEventListener("fullscreenchange", e);
+  }, []);
+  const ke = async () => {
     const e = a.current;
     if (!(!e || typeof document > "u"))
       try {
-        document.pictureInPictureElement ? await document.exitPictureInPicture() : await e.requestPictureInPicture();
-      } catch {
+        const t = document;
+        if (!!!(e.currentSrc || e.src || e.srcObject)) {
+          console.warn("No video source available for Picture-in-Picture", {
+            currentSrc: e.currentSrc,
+            src: e.src,
+            srcObject: e.srcObject
+          });
+          return;
+        }
+        if ((e.readyState ?? 0) < 1) {
+          console.warn(
+            "Video not ready for Picture-in-Picture (readyState < HAVE_METADATA)",
+            { readyState: e.readyState }
+          );
+          return;
+        }
+        if (t.pictureInPictureEnabled && typeof e.requestPictureInPicture == "function") {
+          t.pictureInPictureElement ? await t.exitPictureInPicture() : await e.requestPictureInPicture();
+          return;
+        }
+        const n = e;
+        if (typeof n.webkitSupportsPresentationMode == "function" && typeof n.webkitSetPresentationMode == "function")
+          try {
+            n.webkitPresentationMode === "picture-in-picture" ? n.webkitSetPresentationMode("inline") : n.webkitSetPresentationMode("picture-in-picture");
+            return;
+          } catch (c) {
+            console.error("webkitSetPresentationMode failed:", c);
+            return;
+          }
+        console.warn("Picture-in-Picture is not supported in this environment");
+      } catch (t) {
+        console.error("requestPictureInPicture failed:", t);
       }
-  }, de = () => {
-    l(!0), s && (c.current && window.clearTimeout(c.current), c.current = window.setTimeout(
-      () => l(!1),
+  }, Ee = () => {
+    f(!0), l && (u.current && window.clearTimeout(u.current), u.current = window.setTimeout(
+      () => f(!1),
       2500
     ));
   };
-  v(() => {
+  m(() => {
+    const e = h.current;
+    if (!e) return;
+    const t = () => {
+      try {
+        const r = document.body.style.cursor || "", n = document.documentElement.style.cursor || "", c = window.getComputedStyle(document.body).cursor || "", i = window.getComputedStyle(document.documentElement).cursor || "", d = r || n || c || i || "";
+        /^grab(?:bing)?$|^grabbing$|^move$/i.test(d) && (document.body.style.cursor = "", document.documentElement.style.cursor = "");
+      } catch {
+      }
+    };
+    return e.addEventListener("pointerdown", t), e.addEventListener("mouseenter", t), e.addEventListener("click", t), () => {
+      e.removeEventListener("pointerdown", t), e.removeEventListener("mouseenter", t), e.removeEventListener("click", t);
+    };
+  }, []), m(() => {
+    try {
+      const r = document.body.style.cursor || "", n = document.documentElement.style.cursor || "", c = window.getComputedStyle(document.body).cursor || "", i = window.getComputedStyle(document.documentElement).cursor || "";
+      /^grab(?:bing)?$|^grabbing$|^move$/i.test(
+        r || n || c || i || ""
+      ) && (document.body.style.cursor = "", document.documentElement.style.cursor = "");
+    } catch {
+    }
+    const e = h.current;
+    if (!e) return;
+    const t = e.style.cursor;
+    return e.style.cursor = "auto", () => {
+      try {
+        e.style.cursor = t || "";
+      } catch {
+        return;
+      }
+    };
+  }, []), m(() => {
     const e = (t) => {
       if (!a.current) return;
-      const o = document.activeElement?.tagName || "";
-      if (o === "INPUT" || o === "TEXTAREA") return;
-      const r = a.current;
+      const r = document.activeElement?.tagName || "";
+      if (r === "INPUT" || r === "TEXTAREA") return;
+      const n = a.current;
       switch (t.code) {
         case "Space":
         case "KeyK":
-          t.preventDefault(), f();
+          t.preventDefault(), b();
           break;
         case "ArrowRight":
-          d((r.currentTime || 0) + 5);
+          p((n.currentTime || 0) + 5);
           break;
         case "ArrowLeft":
-          d((r.currentTime || 0) - 5);
+          p((n.currentTime || 0) - 5);
           break;
         case "KeyL":
-          d((r.currentTime || 0) + 10);
+          p((n.currentTime || 0) + 10);
           break;
         case "KeyJ":
-          d((r.currentTime || 0) - 10);
+          p((n.currentTime || 0) - 10);
           break;
         case "ArrowUp":
-          C(Math.min(1, (r.volume || 0) + 0.05));
+          A(Math.min(1, (n.volume || 0) + 0.05));
           break;
         case "ArrowDown":
-          C(Math.max(0, (r.volume || 0) - 0.05));
+          A(Math.max(0, (n.volume || 0) - 0.05));
           break;
         case "KeyF":
-          I();
+          B();
           break;
         case "KeyM":
-          U();
+          G();
           break;
         case "Digit0":
         case "Digit1":
@@ -160,100 +259,101 @@ const Te = ({
         case "Digit7":
         case "Digit8":
         case "Digit9": {
-          const b = parseInt(t.code.replace("Digit", ""), 10) / 10, y = (r.duration || 0) * b;
-          d(y);
+          const i = parseInt(t.code.replace("Digit", ""), 10) / 10, d = (n.duration || 0) * i;
+          p(d);
           break;
         }
       }
     };
     return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
   }, []);
-  const me = (e) => {
+  const Pe = (e) => {
     const t = a.current;
     if (!t) return;
-    const o = !t.paused, r = t.currentTime || 0;
-    ae(e), t.pause(), t.src = x[e].src, t.load();
-    const m = () => {
+    const r = !t.paused, n = t.currentTime || 0;
+    ve(e), t.pause(), t.src = y[e].src, t.load();
+    const c = () => {
       try {
-        t.currentTime = Math.min(r, t.duration || r);
+        t.currentTime = Math.min(n, t.duration || n);
       } catch {
       }
-      o && t.play().catch(() => {
-      }), t.removeEventListener("loadedmetadata", m);
+      r && t.play().catch(() => {
+      }), t.removeEventListener("loadedmetadata", c);
     };
-    t.addEventListener("loadedmetadata", m);
-  }, fe = P ? A / P * 100 : 0, ve = (e) => {
-    if (se(e), u.current && (window.clearTimeout(u.current), u.current = null), e <= 0) return;
+    t.addEventListener("loadedmetadata", c);
+  }, Le = C ? O / C * 100 : 0, Te = (e) => {
+    if (ge(e), v.current && (window.clearTimeout(v.current), v.current = null), e <= 0) return;
     const t = a.current;
     if (!t) return;
-    const o = (t.duration || 0) - (t.currentTime || 0), r = Math.min(e * 60 * 1e3, o * 1e3);
-    u.current = window.setTimeout(() => {
+    const r = (t.duration || 0) - (t.currentTime || 0), n = Math.min(e * 60 * 1e3, r * 1e3);
+    v.current = window.setTimeout(() => {
       t.pause();
-    }, r);
-  }, pe = x.map((e) => e.qualityLabel || "Auto");
-  return /* @__PURE__ */ k(
+    }, n);
+  }, xe = y.map((e) => e.qualityLabel || "Auto");
+  return /* @__PURE__ */ g(
     "div",
     {
-      ref: L,
-      className: p(
-        we({ variant: Z, size: _ }),
+      ref: h,
+      className: k(
+        Ne({ variant: se, size: ue }),
         "relative bg-black overflow-hidden rounded-2xl",
-        W
+        re
       ),
-      onMouseMove: de,
+      onMouseMove: Ee,
       onMouseLeave: () => {
-        s && l(!1);
+        l && f(!1);
       },
-      ...ee,
+      ...le,
       children: [
-        /* @__PURE__ */ n("div", { className: "absolute inset-0 bg-gradient-to-b from-black/40 via-black/0 to-black/70 pointer-events-none" }),
-        (B || z) && /* @__PURE__ */ k(
+        /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-gradient-to-b from-black/40 via-black/0 to-black/70 pointer-events-none" }),
+        (U || H) && /* @__PURE__ */ g(
           "div",
           {
-            className: p(
+            className: k(
               "pointer-events-none absolute left-0 right-0 top-0 flex items-center justify-between px-4 py-3 text-sm md:text-base",
               "bg-gradient-to-b from-black/60 via-black/30 to-transparent text-white",
-              M || !s ? "opacity-100" : "opacity-0",
+              I || !l ? "opacity-100" : "opacity-0",
               "transition-opacity duration-200"
             ),
             children: [
-              /* @__PURE__ */ n("div", { className: "pointer-events-auto font-semibold truncate max-w-[80%]", children: B }),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ o("div", { className: "pointer-events-auto font-semibold truncate max-w-[80%]", children: U }),
+              /* @__PURE__ */ o(
                 "button",
                 {
                   className: "pointer-events-auto flex h-8 w-8 items-center justify-center rounded-full bg-black/40 border border-white/10",
                   "aria-label": "More info",
-                  children: /* @__PURE__ */ n("span", { className: "text-lg leading-none", children: "i" })
+                  children: /* @__PURE__ */ o("span", { className: "text-lg leading-none", children: "i" })
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { style: { width: "100%", aspectRatio: "16/9" }, className: "bg-black", children: /* @__PURE__ */ k(
+        /* @__PURE__ */ o("div", { style: { width: "100%", aspectRatio: "16/9" }, className: "bg-black", children: /* @__PURE__ */ g(
           "video",
           {
             ref: a,
-            className: p(
-              he(),
+            className: k(
+              Me(),
               "relative z-0 h-full w-full object-cover cursor-pointer"
             ),
-            poster: N || D || void 0,
+            crossOrigin: ne || void 0,
+            poster: j || D || void 0,
             preload: "metadata",
-            loop: Y,
+            loop: ce,
             playsInline: !0,
-            muted: j,
-            autoPlay: X,
-            controls: O || !1,
+            muted: W,
+            autoPlay: oe,
+            controls: ie || !1,
             controlsList: "nodownload noplaybackrate noremoteplayback",
-            disablePictureInPicture: !0,
             onContextMenu: (e) => e.preventDefault(),
-            onClick: f,
-            onDoubleClick: I,
+            onClick: b,
+            onDoubleClick: B,
             children: [
-              x.map((e, t) => /* @__PURE__ */ n("source", { src: e.src, type: e.type }, e.src + t)),
-              E?.map((e, t) => /* @__PURE__ */ n(
+              y.map((e, t) => /* @__PURE__ */ o("source", { src: e.src, type: e.type }, e.src + t)),
+              M?.map((e, t) => /* @__PURE__ */ o(
                 "track",
                 {
+                  kind: e.kind || "captions",
                   src: e.src,
                   srcLang: e.srclang,
                   label: e.label,
@@ -265,70 +365,101 @@ const Te = ({
             ]
           }
         ) }),
-        !s && /* @__PURE__ */ k(
+        pe && /* @__PURE__ */ o("div", { className: "absolute inset-0 z-30 flex items-center justify-center pointer-events-none", children: /* @__PURE__ */ o("div", { className: "flex items-center justify-center w-14 h-14 rounded-full bg-black/60", children: /* @__PURE__ */ g(
+          "svg",
+          {
+            className: "w-8 h-8 animate-spin text-white",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            children: [
+              /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4",
+                  strokeOpacity: "0.25"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "path",
+                {
+                  d: "M22 12a10 10 0 00-10-10",
+                  stroke: "currentColor",
+                  strokeWidth: "4",
+                  strokeLinecap: "round"
+                }
+              )
+            ]
+          }
+        ) }) }),
+        !l && /* @__PURE__ */ g(
           "div",
           {
             role: "button",
             tabIndex: 0,
-            onClick: f,
+            onClick: b,
             onKeyDown: (e) => {
-              (e.key === "Enter" || e.key === " ") && f();
+              (e.key === "Enter" || e.key === " ") && b();
             },
             className: "absolute inset-0 z-20 flex items-center justify-center cursor-pointer",
             children: [
-              /* @__PURE__ */ n("div", { className: "absolute inset-0 bg-black/35" }),
-              /* @__PURE__ */ n("div", { className: p(be(), "shadow-xl"), children: /* @__PURE__ */ n("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ n("path", { d: "M8 5v14l11-7z", fill: "currentColor" }) }) })
+              /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/35" }),
+              /* @__PURE__ */ o("div", { className: k(Ce(), "shadow-xl"), children: /* @__PURE__ */ o("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ o("path", { d: "M8 5v14l11-7z", fill: "currentColor" }) }) })
             ]
           }
         ),
-        s && !M && /* @__PURE__ */ n("div", { className: "pointer-events-none absolute left-0 right-0 bottom-0 h-0.5 bg-white/20", children: /* @__PURE__ */ n(
+        l && !I && /* @__PURE__ */ o("div", { className: "pointer-events-none absolute left-0 right-0 bottom-0 h-0.5 bg-white/20", children: /* @__PURE__ */ o(
           "div",
           {
             className: "h-full bg-red-600",
-            style: { width: `${fe}%` }
+            style: { width: `${Le}%` }
           }
         ) }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ o(
           "div",
           {
-            className: p(
-              ye(),
+            className: k(
+              Ie(),
               "pointer-events-none absolute inset-x-0 bottom-0 pb-2 pt-8",
               "bg-gradient-to-t from-black/80 via-black/40 to-transparent",
               "transition-opacity duration-200",
-              M || !s ? "opacity-100" : "opacity-0"
+              I || !l ? "opacity-100" : "opacity-0"
             ),
-            children: /* @__PURE__ */ n("div", { className: "pointer-events-auto px-3 md:px-4", children: /* @__PURE__ */ n(
-              ke,
+            children: /* @__PURE__ */ o("div", { className: "pointer-events-auto px-3 md:px-4", children: /* @__PURE__ */ o(
+              De,
               {
-                playing: s,
-                onTogglePlay: f,
-                currentTime: A,
-                duration: P,
-                onSeek: d,
-                muted: j,
-                volume: te,
-                onChangeVolume: C,
-                onToggleMute: U,
-                captions: !!(E && E.length),
+                playing: l,
+                onTogglePlay: b,
+                currentTime: O,
+                duration: C,
+                onSeek: p,
+                muted: W,
+                volume: de,
+                onChangeVolume: A,
+                onToggleMute: G,
+                captions: !!(M && M.length),
                 onToggleCaptions: () => {
                   const e = a.current;
                   if (e)
                     for (let t = 0; t < e.textTracks.length; t++) {
-                      const o = e.textTracks[t];
-                      o.mode = o.mode === "showing" ? "disabled" : "showing";
+                      const r = e.textTracks[t];
+                      r.mode = r.mode === "showing" ? "disabled" : "showing";
                     }
                 },
-                fullscreen: z,
-                onToggleFullscreen: I,
-                onTogglePip: ue,
-                playbackRate: ne,
-                onPlaybackRateChange: le,
-                qualities: pe,
-                qualityIndex: q,
-                onQualityChange: me,
-                sleepTimerMinutes: ce,
-                onChangeSleepTimer: ve
+                fullscreen: H,
+                onToggleFullscreen: B,
+                onTogglePip: ke,
+                pipSupported: he,
+                playbackRate: me,
+                onPlaybackRateChange: we,
+                qualities: xe,
+                qualityIndex: L,
+                onQualityChange: Pe,
+                sleepTimerMinutes: be,
+                onChangeSleepTimer: Te
               }
             ) })
           }
@@ -337,8 +468,8 @@ const Te = ({
     }
   );
 };
-Te.displayName = "VideoPlayer";
+Re.displayName = "VideoPlayer";
 export {
-  Te as VideoPlayer,
-  Te as default
+  Re as VideoPlayer,
+  Re as default
 };

package/dist/index.d.ts

@@ -213,7 +213,7 @@ export type { RadioProps, RadioGroupProps, RadioOption, } from './components/Rad
 export type { SwitchProps } from './components/Switch/Switch.types';
 export type { CheckboxProps, CheckboxGroupProps, CheckboxOption, } from './components/Checkbox/Checkbox.types';
 export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleCompactProps, CollapsibleVariant, CollapsibleAnimation, } from './components/Collapsible/Collapsible.types';
-export type { DragDropContextProps, EnhancedDragDropContextProps, DroppableContainerProps, DraggableItemProps, DragHandleProps, DragOverlayProps, DropEvent, DragStartEvent, SelectionState, } from './components/DragDrop';
+export type { DragDropContextProps, EnhancedDragDropContextProps, DroppableContainerProps, DraggableItemProps, DragHandleProps, DragOverlayProps, DraggableItem as DraggableItemType, DragPosition, DragAxis, DragSensor, DropEffect, DragStartEvent, DragMoveEvent, DragOverEvent, DropEvent, DragCancelEvent, SelectionState, HistoryState, UndoRedoConfig, MultiDragConfig, VirtualizationConfig, VirtualItem, DragLock, CollaborationConfig, AutoScrollConfig, NestedDragConstraints, SnapToGridConfig, BoundingConstraints, CollisionDetectionConfig, DragAnalytics, DebugConfig, DragDropPlugin, TreeItem as DragDropTreeItem, } from './components/DragDrop';
 export type { DataTableProps, DataTableCompactProps, DataTableVariant, DataTableSize, DataTableStriped, ColumnDef, SortingState, ColumnFilter, ColumnFiltersState, VisibilityState, RowSelectionState, PaginationState, TableInstance, Row, Column, Cell, SortDirection as DataTableSortDirection, } from './components/DataTable/DataTable.types';
 export type { FormProps, FormCompactProps, FormFieldProps, FormItemProps, FormLabelProps, FormControlProps, FormDescriptionProps, FormMessageProps, FormSectionProps, FormActionsProps, FormVariant, FormSize, FormLayout, FormFieldConfig, } from './components/Form/Form.types';
 export type { SelectProps, SelectOption, } from './components/Select/Select.types';