@layers-app/shared 0.4.8 → 0.4.9

package/dist/components/VideoPlayer/components/VideoCustomControls.js

@@ -0,0 +1,601 @@
+import { jsxs as o, jsx as n, Fragment as he } from "react/jsx-runtime";
+import { useState as c, useRef as we, useMemo as F, useEffect as P, useCallback as Oe } from "react";
+import { useTranslation as He } from "react-i18next";
+import { Box as ve, Slider as De, Menu as ye, Tooltip as Ue } from "@mantine/core";
+import { useClickOutside as Ae } from "@mantine/hooks";
+import { useStoryboard as qe } from "../hooks/useStoryboard.js";
+import { IS_TOUCH_TABLET as X, IS_TOUCH_DEVICE as Xe } from "../utils/touch.js";
+import { formatTime as _, getBufferedRanges as be, clamp as y } from "../utils/videoPlayerUtils.js";
+import { StoryboardPreview as _e } from "./StoryboardPreview.js";
+import { PauseIcon as je, PlayIcon as We, VolumeMuteIcon as Qe, VolumeIcon as Ge, ChevronRightIcon as ge, SettingsPlayerIcon as Ee, PictureInPictureIcon as Je, FullscreenIcon as Ke } from "./VideoIcons.js";
+import { VideoMobileSettingsDrawer as Ye } from "./VideoMobileSettingsDrawer.js";
+import { VideoQualityMenu as Ze } from "./VideoQualityMenu/index.js";
+import { VideoSettingsMenu as et } from "./VideoSettingsMenu/index.js";
+import { VideoSpeedMenu as tt } from "./VideoSpeedMenu/index.js";
+import { VideoSubtitlesMenu as nt } from "./VideoSubtitlesMenu/index.js";
+function rt({ text: t }) {
+  const x = we(null), [N, p] = c(!1), b = Oe(() => {
+    const C = x.current;
+    C && p(C.scrollWidth > C.clientWidth);
+  }, []);
+  return /* @__PURE__ */ n(Ue, { label: t, openDelay: 300, withinPortal: !0, disabled: !N, children: /* @__PURE__ */ n(
+    "span",
+    {
+      ref: x,
+      className: "video-player-chapters-item-title",
+      onMouseEnter: b,
+      children: t
+    }
+  ) });
+}
+function gt({
+  video: t,
+  containerRef: x,
+  title: N,
+  settings: p,
+  isSettingsDisabled: b,
+  onSubtitlesOpen: C,
+  onSpeedClick: Z,
+  onQualityClick: ee,
+  onSubtitleSelect: te,
+  storyboard: ne,
+  baseUrl: Le,
+  authHeaders: Pe,
+  chapters: $ = [],
+  isProcessing: Ne = !1
+}) {
+  const { t: h } = He(), [B, T] = c(0), [s, j] = c(0), [W, Q] = c(!1), [V, re] = c(1), [z, G] = c(!1), [Ce, ae] = c([]), [ie, se] = c(!1), [J, Se] = c(!1), [Ie, K] = c(!1), [m, O] = c(!1), Te = Ae(() => {
+    X && O(!1);
+  }), H = we(null), [g, le] = c(null), [oe, ce] = c(null), [ue, S] = c(!1), [D, v] = c("main"), [de, Y] = c(null), R = qe({
+    storyboard: ne,
+    baseUrl: Le,
+    authHeaders: Pe,
+    enabled: !!ne
+  }), k = F(() => g == null ? null : R.getFrameAtRatio(g), [g, R]);
+  P(() => {
+    k?.sheetUrl && R.ensureSheetDimensions(k.sheetUrl).catch(() => {
+    });
+  }, [k, R]), P(() => {
+    if (!t) return;
+    j(0), T(t.currentTime || 0);
+    const e = () => {
+      const I = t.duration;
+      if (Number.isFinite(I) && I > 0) return I;
+      const w = t.seekable;
+      if (w && w.length > 0) {
+        const L = w.end(w.length - 1);
+        if (Number.isFinite(L) && L > 0) return L;
+      }
+      const q = t.buffered;
+      if (q && q.length > 0) {
+        const L = q.end(q.length - 1);
+        if (Number.isFinite(L) && L > 0) return L;
+      }
+      return 0;
+    }, r = () => {
+      const I = e();
+      j((w) => I > w ? I : w);
+    }, a = () => {
+      T(t.currentTime || 0), r();
+    }, i = () => {
+      r(), ae(be(t));
+    }, f = () => {
+      Q(!0);
+    }, d = () => {
+      Q(!1);
+    }, u = () => {
+      re(t.volume ?? 1), G(t.muted);
+    }, E = () => {
+      ae(be(t)), r();
+    };
+    return a(), i(), u(), Q(!t.paused), t.addEventListener("timeupdate", a), t.addEventListener("durationchange", i), t.addEventListener("loadedmetadata", i), t.addEventListener("loadeddata", i), t.addEventListener("play", f), t.addEventListener("pause", d), t.addEventListener("volumechange", u), t.addEventListener("progress", E), () => {
+      t.removeEventListener("timeupdate", a), t.removeEventListener("durationchange", i), t.removeEventListener("loadedmetadata", i), t.removeEventListener("loadeddata", i), t.removeEventListener("play", f), t.removeEventListener("pause", d), t.removeEventListener("volumechange", u), t.removeEventListener("progress", E);
+    };
+  }, [t]), P(() => {
+    if (!t) return;
+    const e = t.currentSrc || t.src;
+    if (!e || Number.isFinite(t.duration) && t.duration > 0) return;
+    let r = !1;
+    const a = document.createElement("video");
+    a.preload = "metadata", a.muted = !0, a.style.display = "none";
+    const i = () => {
+      a.removeEventListener("loadedmetadata", d), a.removeEventListener("durationchange", f), a.removeEventListener("error", i);
+      try {
+        a.src = "", a.load();
+      } catch {
+      }
+      a.remove();
+    }, f = () => {
+      if (r) return;
+      const u = a.duration;
+      Number.isFinite(u) && u > 0 && (j((E) => u > E ? u : E), i());
+    }, d = () => {
+      if (!r)
+        try {
+          a.currentTime = 1e9;
+        } catch {
+        }
+    };
+    return a.addEventListener("loadedmetadata", d), a.addEventListener("durationchange", f), a.addEventListener("error", i), document.body.appendChild(a), a.src = e, () => {
+      r = !0, i();
+    };
+  }, [t, t?.currentSrc]), P(() => {
+    const e = () => {
+      Se(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", e), e(), () => {
+      document.removeEventListener("fullscreenchange", e);
+    };
+  }, []), P(() => {
+    if (!t) return;
+    const e = () => K(!0), r = () => K(!1);
+    return t.addEventListener("enterpictureinpicture", e), t.addEventListener("leavepictureinpicture", r), K(
+      document.pictureInPictureElement === t && !!document.pictureInPictureElement
+    ), () => {
+      t.removeEventListener("enterpictureinpicture", e), t.removeEventListener("leavepictureinpicture", r);
+    };
+  }, [t]), P(() => {
+    if (!ie) return;
+    const e = (a) => {
+      if (!t || !s) return;
+      const i = H.current?.getBoundingClientRect();
+      if (!i) return;
+      const d = y((a.clientX - i.left) / i.width, 0, 1) * s;
+      t.currentTime = d, T(d);
+    }, r = () => {
+      se(!1);
+    };
+    return window.addEventListener("pointermove", e), window.addEventListener("pointerup", r), () => {
+      window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", r);
+    };
+  }, [ie, t, s]), P(() => {
+    Y(null);
+  }, [p.currentSpeed]);
+  const M = s > 0 ? y(B / s, 0, 1) : 0, me = Ne ? [] : Ce, l = F(() => !$ || $.length === 0 ? [] : [...$].filter((e) => s > 0 && e.startSec <= s).sort((e, r) => e.startSec - r.startSec), [$, s]), pe = F(() => {
+    if (l.length === 0 || s <= 0) return [];
+    const e = [], r = y(l[0].startSec / s, 0, 1);
+    r > 0 && e.push({ chapter: null, startRatio: 0, endRatio: r });
+    for (let a = 0; a < l.length; a++) {
+      const i = l[a], f = y(i.startSec / s, 0, 1), d = l[a + 1], u = d ? y(d.startSec / s, 0, 1) : 1;
+      e.push({ chapter: i, startRatio: f, endRatio: u });
+    }
+    return e;
+  }, [l, s]), U = F(() => {
+    if (l.length === 0) return null;
+    for (let e = l.length - 1; e >= 0; e--)
+      if (B >= l[e].startSec)
+        return l[e];
+    return l[0];
+  }, [l, B]), fe = F(() => {
+    if (g == null || l.length === 0 || s <= 0)
+      return null;
+    const e = g * s;
+    for (let r = l.length - 1; r >= 0; r--)
+      if (e >= l[r].startSec)
+        return l[r];
+    return l[0];
+  }, [g, l, s]), Re = (e) => {
+    t && (t.currentTime = e.startSec, T(e.startSec));
+  }, ke = () => {
+    t && (t.paused ? t.play().catch(() => {
+    }) : t.pause());
+  }, Me = () => {
+    t && (t.muted = !t.muted, G(t.muted));
+  }, Fe = (e) => {
+    t && (t.volume = e, e === 0 ? t.muted = !0 : t.muted && (t.muted = !1), re(e), G(t.muted));
+  }, xe = () => {
+    const e = x?.current || t;
+    e && (document.fullscreenElement ? document.exitFullscreen?.() : e.requestFullscreen?.());
+  }, $e = async () => {
+    if (!(!t || !document.pictureInPictureEnabled))
+      try {
+        document.pictureInPictureElement ? await document.exitPictureInPicture() : await t.requestPictureInPicture();
+      } catch {
+        return;
+      }
+  }, Be = (e) => {
+    if (!t || !s) return;
+    const r = H.current?.getBoundingClientRect();
+    if (!r) return;
+    const i = y((e.clientX - r.left) / r.width, 0, 1) * s;
+    t.currentTime = i, T(i), se(!0);
+  }, Ve = (e) => {
+    if (!s) return;
+    const r = H.current?.getBoundingClientRect();
+    if (!r) return;
+    const a = y((e.clientX - r.left) / r.width, 0, 1);
+    le(a), ce(a * r.width);
+  }, ze = () => {
+    le(null), ce(null);
+  }, A = pe.length > 0;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `video-player-controls ${A ? "video-player-controls--with-chapters" : "video-player-controls--no-chapters"}`,
+      style: {
+        "--video-subtitles-offset": A ? "48px" : "16px"
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: "video-player-timeline",
+            ref: H,
+            "data-test-id": "video-player-timeline",
+            children: [
+              /* @__PURE__ */ n(
+                "div",
+                {
+                  className: "video-player-timeline-hitbox",
+                  onPointerDown: Be,
+                  onPointerMove: Ve,
+                  onPointerLeave: ze,
+                  role: "presentation",
+                  children: /* @__PURE__ */ o(
+                    "div",
+                    {
+                      className: `video-player-timeline-track ${A ? "video-player-timeline-track--chapters" : ""}`,
+                      children: [
+                        A ? /* @__PURE__ */ n("div", { className: "video-player-chapter-segments", children: pe.map((e, r) => {
+                          const a = e.endRatio - e.startRatio, i = M <= e.startRatio ? 0 : M >= e.endRatio ? 1 : (M - e.startRatio) / a;
+                          return /* @__PURE__ */ o(
+                            "div",
+                            {
+                              className: "video-player-chapter-segment",
+                              style: {
+                                flex: `${a * 100} 0 0`
+                              },
+                              children: [
+                                /* @__PURE__ */ n(
+                                  "div",
+                                  {
+                                    className: "video-player-chapter-segment-progress",
+                                    style: { width: `${i * 100}%` }
+                                  }
+                                ),
+                                me.map((f, d) => {
+                                  const u = y(
+                                    (f.start - e.startRatio) / a,
+                                    0,
+                                    1
+                                  ), E = y(
+                                    (f.end - e.startRatio) / a,
+                                    0,
+                                    1
+                                  );
+                                  return E <= 0 || u >= 1 ? null : /* @__PURE__ */ n(
+                                    "span",
+                                    {
+                                      className: "video-player-chapter-segment-buffered",
+                                      style: {
+                                        left: `${u * 100}%`,
+                                        width: `${(E - u) * 100}%`
+                                      }
+                                    },
+                                    `buf-${r}-${d}`
+                                  );
+                                })
+                              ]
+                            },
+                            `chapter-${r}`
+                          );
+                        }) }) : /* @__PURE__ */ o(he, { children: [
+                          me.map((e, r) => /* @__PURE__ */ n(
+                            "span",
+                            {
+                              className: "video-player-buffered",
+                              style: {
+                                left: `${e.start * 100}%`,
+                                width: `${(e.end - e.start) * 100}%`
+                              }
+                            },
+                            `${e.start}-${e.end}-${r}`
+                          )),
+                          /* @__PURE__ */ n(
+                            "span",
+                            {
+                              className: "video-player-progress",
+                              style: { width: `${M * 100}%` }
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ n(
+                          "span",
+                          {
+                            className: "video-player-knob",
+                            style: { left: `${M * 100}%` }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              ),
+              oe != null && /* @__PURE__ */ o(
+                "div",
+                {
+                  "data-test-id": "video-player-hover-preview",
+                  className: "video-player-hover-preview",
+                  style: {
+                    left: oe,
+                    transform: "translateX(-50%)"
+                  },
+                  children: [
+                    k && R.ready && /* @__PURE__ */ n(_e, { frame: k, left: 0 }),
+                    g != null && /* @__PURE__ */ o("div", { className: "video-player-hover-preview-info", children: [
+                      /* @__PURE__ */ n("span", { className: "video-player-hover-preview-time", children: _(g * s) }),
+                      (fe?.title || N) && /* @__PURE__ */ n("span", { className: "video-player-hover-preview-title", children: fe?.title ?? N })
+                    ] })
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { className: "video-player-controls-row", children: [
+          /* @__PURE__ */ o("div", { className: "video-player-left", children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: "video-player-button",
+                type: "button",
+                onClick: ke,
+                "aria-label": h(W ? "editor.video.player.pause" : "editor.video.player.play"),
+                "data-test-id": W ? "video-player-pause" : "video-player-play",
+                children: W ? /* @__PURE__ */ n(je, { size: 20 }) : /* @__PURE__ */ n(We, { size: 20 })
+              }
+            ),
+            /* @__PURE__ */ o(
+              ve,
+              {
+                ref: Te,
+                onMouseEnter: X ? void 0 : () => O(!0),
+                onMouseLeave: X ? void 0 : () => O(!1),
+                style: {
+                  display: "inline-flex",
+                  alignItems: "center",
+                  height: 28,
+                  borderRadius: 8,
+                  padding: m ? "0 8px" : 0,
+                  gap: 6,
+                  background: m ? "rgba(134, 142, 150, 0.15)" : "transparent",
+                  backdropFilter: m ? "blur(4px)" : "none",
+                  transition: "padding 120ms ease, background 120ms ease, backdrop-filter 120ms ease"
+                },
+                children: [
+                  /* @__PURE__ */ n(
+                    "button",
+                    {
+                      type: "button",
+                      className: m ? void 0 : "video-player-button",
+                      onClick: () => {
+                        if (X && !m) {
+                          O(!0);
+                          return;
+                        }
+                        Me();
+                      },
+                      "aria-label": h(z || V === 0 ? "editor.video.player.unmute" : "editor.video.player.mute"),
+                      "data-test-id": z || V === 0 ? "video-player-unmute" : "video-player-mute",
+                      style: m ? {
+                        display: "inline-flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        flexShrink: 0,
+                        width: 16,
+                        height: 16,
+                        padding: 0,
+                        border: "none",
+                        background: "transparent",
+                        color: "#fff",
+                        cursor: "pointer"
+                      } : void 0,
+                      children: z || V === 0 ? /* @__PURE__ */ n(Qe, { size: m ? 16 : 20 }) : /* @__PURE__ */ n(Ge, { size: m ? 16 : 20 })
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    ve,
+                    {
+                      className: "video-player-volume-slider",
+                      style: {
+                        width: m ? 57 : 0,
+                        opacity: m ? 1 : 0,
+                        overflow: m ? "visible" : "hidden",
+                        pointerEvents: m ? "auto" : "none",
+                        transition: "width 120ms ease, opacity 120ms ease",
+                        display: "flex",
+                        alignItems: "center"
+                      },
+                      children: /* @__PURE__ */ n(
+                        De,
+                        {
+                          w: 57,
+                          min: 0,
+                          max: 1,
+                          step: 0.01,
+                          value: z ? 0 : V,
+                          onChange: Fe,
+                          label: null,
+                          "aria-label": h("editor.video.player.volume"),
+                          size: 3
+                        }
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ o("div", { className: "video-player-time", children: [
+              _(B),
+              " / ",
+              _(s)
+            ] }),
+            U && /* @__PURE__ */ o("div", { className: "video-player-chapter-title", children: [
+              /* @__PURE__ */ n("span", { children: U.title }),
+              /* @__PURE__ */ n(ge, { size: 16 })
+            ] }),
+            !U && N && /* @__PURE__ */ o("div", { className: "video-player-title", children: [
+              /* @__PURE__ */ n("span", { children: N }),
+              /* @__PURE__ */ n(ge, { size: 16 })
+            ] })
+          ] }),
+          /* @__PURE__ */ o("div", { className: "video-player-right", children: [
+            Xe ? /* @__PURE__ */ o(he, { children: [
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  className: "video-player-button",
+                  type: "button",
+                  "aria-label": h("editor.video.player.settings"),
+                  onClick: () => S(!0),
+                  "data-test-id": "video-player-settings",
+                  children: /* @__PURE__ */ n(Ee, { size: 20 })
+                }
+              ),
+              /* @__PURE__ */ n(
+                Ye,
+                {
+                  opened: ue,
+                  onClose: () => {
+                    S(!1);
+                  },
+                  settings: p,
+                  isSettingsDisabled: b,
+                  onSubtitlesOpen: C,
+                  onSpeedClick: Z,
+                  onQualityClick: ee,
+                  onSubtitleSelect: te,
+                  optimisticSpeed: de,
+                  setOptimisticSpeed: Y
+                }
+              )
+            ] }) : /* @__PURE__ */ o(
+              ye,
+              {
+                opened: ue,
+                onChange: (e) => {
+                  S(e), e || v("main");
+                },
+                position: "top-end",
+                offset: 8,
+                withinPortal: !0,
+                classNames: { dropdown: "video-player-menu-dropdown" },
+                portalProps: J && document.fullscreenElement ? {
+                  target: document.fullscreenElement instanceof HTMLElement ? document.fullscreenElement : void 0
+                } : void 0,
+                shadow: "md",
+                radius: "md",
+                closeOnItemClick: !1,
+                closeOnEscape: !0,
+                trapFocus: !0,
+                children: [
+                  /* @__PURE__ */ n(ye.Target, { children: /* @__PURE__ */ n(
+                    "button",
+                    {
+                      className: "video-player-button",
+                      type: "button",
+                      "aria-label": h("editor.video.player.settings"),
+                      "data-test-id": "video-player-settings",
+                      children: /* @__PURE__ */ n(Ee, { size: 20 })
+                    }
+                  ) }),
+                  D === "main" && /* @__PURE__ */ n(
+                    et,
+                    {
+                      isOpen: !0,
+                      disabled: b,
+                      settings: p,
+                      onSpeedClick: () => {
+                        p.hasRealSpeeds && v("speed");
+                      },
+                      onQualityClick: () => {
+                        p.hasRealQualities && v("quality");
+                      },
+                      onSubtitlesClick: () => {
+                        b || (C?.(), v("subtitles"));
+                      }
+                    }
+                  ),
+                  D === "speed" && /* @__PURE__ */ n(
+                    tt,
+                    {
+                      disabled: b,
+                      settings: p,
+                      currentSpeed: de ?? p.currentSpeed,
+                      onBack: () => v("main"),
+                      onSelect: (e) => {
+                        Y(e), Z(e), v("main"), S(!1);
+                      }
+                    }
+                  ),
+                  D === "subtitles" && /* @__PURE__ */ n(
+                    nt,
+                    {
+                      disabled: b,
+                      settings: p,
+                      onBack: () => v("main"),
+                      onSelect: (e) => {
+                        te(e), v("main"), S(!1);
+                      }
+                    }
+                  ),
+                  D === "quality" && /* @__PURE__ */ n(
+                    Ze,
+                    {
+                      disabled: b,
+                      settings: p,
+                      onBack: () => v("main"),
+                      onSelect: (e) => {
+                        ee(e), v("main"), S(!1);
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: "video-player-button",
+                type: "button",
+                "aria-label": h("editor.video.player.pictureInPicture"),
+                onClick: $e,
+                disabled: !document.pictureInPictureEnabled,
+                "aria-pressed": Ie,
+                "data-test-id": "video-player-pip",
+                children: /* @__PURE__ */ n(Je, { size: 20 })
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: "video-player-button",
+                type: "button",
+                onClick: xe,
+                "aria-label": h(J ? "editor.video.player.exitFullscreen" : "editor.video.player.enterFullscreen"),
+                "data-test-id": J ? "video-player-fullscreen-exit" : "video-player-fullscreen-enter",
+                children: /* @__PURE__ */ n(Ke, { size: 20 })
+              }
+            )
+          ] })
+        ] }),
+        l.length > 0 && /* @__PURE__ */ n("div", { className: "video-player-chapters-list", children: l.map((e, r) => /* @__PURE__ */ o(
+          "button",
+          {
+            type: "button",
+            className: `video-player-chapters-item ${U === e ? "video-player-chapters-item--active" : ""}`,
+            onClick: () => Re(e),
+            children: [
+              /* @__PURE__ */ n("span", { className: "video-player-chapters-item-time", children: _(e.startSec) }),
+              /* @__PURE__ */ n(rt, { text: e.title })
+            ]
+          },
+          `chapter-list-${r}`
+        )) })
+      ]
+    }
+  );
+}
+export {
+  gt as VideoCustomControls
+};

package/dist/components/VideoPlayer/components/VideoIcons.d.ts

@@ -0,0 +1,25 @@
+type VideoIconProps = {
+    size?: number;
+    color?: string;
+};
+export declare function PlayIcon({ size, color, }: VideoIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function PauseIcon({ size, color, }: VideoIconProps): import("react/jsx-runtime").JSX.Element;
+export declare const VolumeIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeMuteIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingsPlayerIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChevronRightIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare function FullscreenIcon({ size, color, }: VideoIconProps): import("react/jsx-runtime").JSX.Element;
+export declare const PictureInPictureIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowLeftIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TickIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SubtitleIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpeedIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QualityIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MoreVerticalIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseMenuIcon: ({ size, color, }: VideoIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare function CheckCircleIcon({ size }: VideoIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function Refresh04Icon({ size, color, }: VideoIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=VideoIcons.d.ts.map

package/dist/components/VideoPlayer/components/VideoIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/components/VideoIcons.tsx"],"names":[],"mappings":"AAkBA,KAAK,cAAc,GAAG;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAaF,wBAAgB,QAAQ,CAAC,EACvB,IAAS,EACT,KAAsB,GACvB,EAAE,cAAc,2CAiBhB;AACD,wBAAgB,SAAS,CAAC,EACxB,IAAS,EACT,KAAsB,GACvB,EAAE,cAAc,2CAqBhB;AACD,eAAO,MAAM,UAAU,qBAnDlB,cAAc,4CAmDkC,CAAC;AACtD,eAAO,MAAM,cAAc,qBApDtB,cAAc,4CAoDqC,CAAC;AACzD,eAAO,MAAM,YAAY,qBArDpB,cAAc,4CAqDwC,CAAC;AAC5D,eAAO,MAAM,kBAAkB,qBAtD1B,cAAc,4CAsDwC,CAAC;AAC5D,eAAO,MAAM,gBAAgB,qBAvDxB,cAAc,4CAuDwC,CAAC;AAG5D,wBAAgB,cAAc,CAAC,EAC7B,IAAS,EACT,KAAsB,GACvB,EAAE,cAAc,2CAqBhB;AACD,eAAO,MAAM,oBAAoB,qBAnF5B,cAAc,4CAmFkD,CAAC;AACtE,eAAO,MAAM,aAAa,qBApFrB,cAAc,4CAoFoC,CAAC;AACxD,eAAO,MAAM,SAAS,qBArFjB,cAAc,4CAqFsC,CAAC;AAC1D,eAAO,MAAM,QAAQ,qBAtFhB,cAAc,4CAsF4B,CAAC;AAChD,eAAO,MAAM,YAAY,qBAvFpB,cAAc,4CAuFkC,CAAC;AACtD,eAAO,MAAM,SAAS,qBAxFjB,cAAc,4CAwFqC,CAAC;AACzD,eAAO,MAAM,WAAW,qBAzFnB,cAAc,4CAyF0C,CAAC;AAC9D,eAAO,MAAM,gBAAgB,qBA1FxB,cAAc,4CA0F0C,CAAC;AAC9D,eAAO,MAAM,aAAa,qBA3FrB,cAAc,4CA2F6C,CAAC;AAGjE,wBAAgB,eAAe,CAAC,EAAE,IAAS,EAAE,EAAE,cAAc,2CAqB5D;AAGD,wBAAgB,aAAa,CAAC,EAC5B,IAAS,EACT,KAAsB,GACvB,EAAE,cAAc,2CAyBhB"}