@m4l/gclick 0.32.0 → 0.33.0

package/components/VideoPlayer/subcomponents/skin/LiveButton.js

@@ -0,0 +1,53 @@
+import { useState as b, useCallback as L } from "react";
+import { LiveButtonCore as u, LiveButtonDataAttrs as g } from "@videojs/core";
+import { translateText as c } from "@videojs/core/i18n";
+import { usePlayer as f, useTranslator as B, useButton as T, renderElement as k, selectLive as S, selectTime as A, selectBuffer as w } from "@videojs/react";
+function s(e) {
+  const r = S(e), t = A(e), n = w(e);
+  return !r || !t || !n ? null : {
+    currentTime: t.currentTime,
+    seek: t.seek,
+    seekable: n.seekable,
+    liveEdgeStart: r.liveEdgeStart,
+    targetLiveWindow: r.targetLiveWindow
+  };
+}
+function C({ render: e, className: r }) {
+  const [t] = b(() => new u()), n = f(), m = L(
+    (p) => {
+      const l = s(p);
+      return l ? (t.setMedia(l), t.getState()) : null;
+    },
+    [t]
+  ), o = f(m), a = B(), { getButtonProps: v, buttonRef: d } = T({
+    displayName: "LiveButton",
+    // `useButton` activates only after `isDisabled` returned false.
+    onActivate: () => {
+      t.seekToLive(s(n.state));
+    },
+    isDisabled: () => !s(n.state)
+  });
+  if (!o)
+    return null;
+  const i = t.getAttrs(o);
+  return k(
+    "button",
+    { render: e, className: r },
+    {
+      state: o,
+      stateAttrMap: g,
+      ref: d,
+      props: [
+        i,
+        {
+          children: c(u.defaultText, a),
+          "aria-label": c(i["aria-label"], a)
+        },
+        v()
+      ]
+    }
+  );
+}
+export {
+  C as LiveButton
+};

package/components/VideoPlayer/subcomponents/skin/MinimalVideoControls.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { VideoPlayerOptionalControls } from '../../types';
 /**
- * The minimal skin's control bar, mirroring the vendor's
- * `minimal-video/layout/controls.tsx`.
+ * The minimal variant's control bar, mirroring the vendor's Neutral skin
+ * (`neutral-video/layout/controls.tsx`).
  *
  * One wrapping bar in three groups: the transport at the start, the times and
  * the slider in the middle (which the sheet moves to a row of its own on a

package/components/VideoPlayer/subcomponents/skin/VideoErrorDialog.d.ts

@@ -9,9 +9,9 @@ import { ReactNode } from 'react';
  * on purpose. `ErrorDialog.Root` only provides the state; the surface is the
  * `Popup` next to its `Backdrop`, and every part throws outside the root
  * ("compound components must be used within an ErrorDialog.Root"). The class
- * names changed on every release so far (`media-error__*`, then
- * `media-dialog__*`, now `media-dialog-*`), and a stale one renders an unstyled
- * dialog — neither failure shows up until a stream actually fails.
+ * names changed twice before 10.0 (`media-error__*`, then `media-dialog__*`,
+ * now `media-dialog-*`), and a stale one renders an unstyled dialog — neither
+ * failure shows up until a stream actually fails.
  *
  * The title, description and close label are the vendor's own text, put in the
  * app language by the `I18nProvider` that `VideoPlayer` mounts

package/components/VideoPlayer/subcomponents/skin/VideoStatusIndicators.d.ts

@@ -10,8 +10,8 @@ import { ReactNode } from 'react';
  * `StatusAnnouncer` is the same thing for screen readers: a live region that
  * announces the state change, the only feedback a non-sighted operator gets
  * from a keyboard shortcut. It hides itself only through the vendor's
- * `media-status-announcer` rule — rc.4 ships no generic `media-sr-only` class —
- * and under any other class the announcement shows on screen.
+ * `media-status-announcer` rule — the vendor ships no generic `media-sr-only`
+ * class — and under any other class the announcement shows on screen.
  */
 export declare function VideoStatusIndicators(): ReactNode;
 //# sourceMappingURL=VideoStatusIndicators.d.ts.map

package/components/VideoPlayer/subcomponents/skin/buttons.d.ts

@@ -30,8 +30,8 @@ export declare function ButtonTooltip({ children, label, ...props }: ButtonToolt
 /** Play / pause / restart, with its tooltip. */
 export declare function PlayButton(): ReactNode;
 /**
- * What follows play: the native live button while live, or the ±10 s buttons
- * once the stream is a recording — exactly the difference between the vendor's
+ * What follows play: the live button while live, or the ±10 s buttons once the
+ * stream is a recording — exactly the difference between the vendor's
  * live-video and audio compositions.
  */
 export declare function LiveOrSeekButtons({ isLive }: {

package/components/VideoPlayer/subcomponents/skin/buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/skin/buttons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAQL,OAAO,EACR,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAsB/D,uCAAuC;AACvC,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,GAAG,MAAM,CAEtE;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,SAAS,CAEnF;AAED,sFAAsF;AACtF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7E,QAAQ,EAAE,YAAY,CAAC;IACvB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAU1F;AAED,gDAAgD;AAChD,wBAAgB,UAAU,IAAI,SAAS,CAWtC;AA4BD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,CAY5E;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,QAAQ,CAAC,2BAA2B,CAAC,CAAA;CAAE,GAAG,SAAS,CAoCxG"}
+{"version":3,"file":"buttons.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/skin/buttons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,OAAO,EAOL,OAAO,EACR,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAyB/D,uCAAuC;AACvC,wBAAgB,EAAE,CAAC,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,GAAG,MAAM,CAEtE;AAED;;;;;;;GAOG;AACH,wBAAgB,MAAM,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,QAAQ,CAAC,GAAG,SAAS,CAEnF;AAED,sFAAsF;AACtF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,UAAU,CAAC;IAC7E,QAAQ,EAAE,YAAY,CAAC;IACvB,gFAAgF;IAChF,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAU1F;AAED,gDAAgD;AAChD,wBAAgB,UAAU,IAAI,SAAS,CAWtC;AA4BD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,OAAO,CAAA;CAAE,GAAG,SAAS,CAY5E;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,QAAQ,CAAC,2BAA2B,CAAC,CAAA;CAAE,GAAG,SAAS,CAoCxG"}

package/components/VideoPlayer/subcomponents/skin/buttons.js

@@ -1,5 +1,6 @@
 import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
-import { PlayButton as p, LiveButton as b, CastButton as N, AirPlayButton as h, PiPButton as f, FullscreenButton as y, Tooltip as c, SeekButton as B } from "@videojs/react";
+import { PlayButton as p, CastButton as b, AirPlayButton as N, PiPButton as h, FullscreenButton as f, Tooltip as c, SeekButton as y } from "@videojs/react";
+import { LiveButton as B } from "./LiveButton.js";
 import { useSkinVariant as l } from "./skinVariant.js";
 const u = 10;
 function s(...t) {
@@ -17,7 +18,7 @@ function o({ children: t, label: n, ...r }) {
     ] })
   ] });
 }
-function x() {
+function E() {
   const { icons: t } = l();
   return /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(p, { render: /* @__PURE__ */ e(i, {}), className: "media-play-button", children: [
     /* @__PURE__ */ e(t.RestartIcon, { className: "media-button-icon media-play-button-restart-icon" }),
@@ -27,7 +28,7 @@ function x() {
 }
 function d({ seconds: t }) {
   const { icons: n } = l(), r = t < 0;
-  return /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ e(B, { render: /* @__PURE__ */ e(i, {}), className: "media-seek-button", seconds: t, children: /* @__PURE__ */ a("div", { className: "media-seek-button-content", children: [
+  return /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ e(y, { render: /* @__PURE__ */ e(i, {}), className: "media-seek-button", seconds: t, children: /* @__PURE__ */ a("div", { className: "media-seek-button-content", children: [
     /* @__PURE__ */ e(n.SeekIcon, { className: s("media-button-icon", r && "media-seek-button-backward-icon") }),
     /* @__PURE__ */ e(
       "span",
@@ -41,28 +42,28 @@ function d({ seconds: t }) {
     )
   ] }) }) });
 }
-function E({ isLive: t }) {
-  return t ? /* @__PURE__ */ e(b, { render: /* @__PURE__ */ e(i, {}), className: "media-live-button" }) : /* @__PURE__ */ a(m, { children: [
+function S({ isLive: t }) {
+  return t ? /* @__PURE__ */ e(B, { render: /* @__PURE__ */ e(i, {}), className: "media-live-button" }) : /* @__PURE__ */ a(m, { children: [
     /* @__PURE__ */ e(d, { seconds: -u }),
     /* @__PURE__ */ e(d, { seconds: u })
   ] });
 }
-function S({ outputs: t }) {
+function v({ outputs: t }) {
   const { icons: n } = l();
   return /* @__PURE__ */ a(m, { children: [
-    t.cast ? /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(N, { render: /* @__PURE__ */ e(i, {}), className: "media-cast-button", children: [
+    t.cast ? /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(b, { render: /* @__PURE__ */ e(i, {}), className: "media-cast-button", children: [
       /* @__PURE__ */ e(n.CastEnterIcon, { className: "media-button-icon media-cast-button-enter-icon" }),
       /* @__PURE__ */ e(n.CastExitIcon, { className: "media-button-icon media-cast-button-exit-icon" })
     ] }) }) : null,
-    t.airPlay ? /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(h, { render: /* @__PURE__ */ e(i, {}), className: "media-airplay-button", children: [
+    t.airPlay ? /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(N, { render: /* @__PURE__ */ e(i, {}), className: "media-airplay-button", children: [
       /* @__PURE__ */ e(n.AirPlayEnterIcon, { className: "media-button-icon media-airplay-button-enter-icon" }),
       /* @__PURE__ */ e(n.AirPlayExitIcon, { className: "media-button-icon media-airplay-button-exit-icon" })
     ] }) }) : null,
-    t.pictureInPicture ? /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(f, { render: /* @__PURE__ */ e(i, {}), className: "media-pip-button", children: [
+    t.pictureInPicture ? /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(h, { render: /* @__PURE__ */ e(i, {}), className: "media-pip-button", children: [
       /* @__PURE__ */ e(n.PipEnterIcon, { className: "media-button-icon media-pip-button-enter-icon" }),
       /* @__PURE__ */ e(n.PipExitIcon, { className: "media-button-icon media-pip-button-exit-icon" })
     ] }) }) : null,
-    /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(y, { render: /* @__PURE__ */ e(i, {}), className: "media-fullscreen-button", children: [
+    /* @__PURE__ */ e(o, { side: "top", children: /* @__PURE__ */ a(f, { render: /* @__PURE__ */ e(i, {}), className: "media-fullscreen-button", children: [
       /* @__PURE__ */ e(n.FullscreenEnterIcon, { className: "media-button-icon media-fullscreen-button-enter-icon" }),
       /* @__PURE__ */ e(n.FullscreenExitIcon, { className: "media-button-icon media-fullscreen-button-exit-icon" })
     ] }) })
@@ -71,8 +72,8 @@ function S({ outputs: t }) {
 export {
   i as Button,
   o as ButtonTooltip,
-  E as LiveOrSeekButtons,
-  S as OutputButtons,
-  x as PlayButton,
+  S as LiveOrSeekButtons,
+  v as OutputButtons,
+  E as PlayButton,
   s as cx
 };

package/components/VideoPlayer/subcomponents/skin/skinVariant.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 import { PopoverSide, SliderPreviewOverflow, VolumeSliderProps } from '@videojs/core';
+import { VIDEO_PLAYER_VENDOR_THEMES } from '../../constants';
 import { VideoPlayerVariant } from '../../types';
 /** The default skin's icons, keyed by the vendor's own export names. */
 declare const DEFAULT_ICONS: {
@@ -30,6 +31,8 @@ export type SkinIcons = typeof DEFAULT_ICONS;
 /** What the pieces of the skin read from the active variant. */
 export interface SkinVariant {
     variant: VideoPlayerVariant;
+    /** The vendor theme the variant wears: the `data-theme` of the skin root. */
+    theme: (typeof VIDEO_PLAYER_VENDOR_THEMES)[VideoPlayerVariant];
     icons: SkinIcons;
     /** How the volume popover opens: the default skin stacks it, the minimal one slides it out sideways. */
     volume: {

package/components/VideoPlayer/subcomponents/skin/skinVariant.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"skinVariant.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/skin/skinVariant.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAiD3F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAmBtD,wEAAwE;AACxE,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,kDAAkD;AAClD,MAAM,MAAM,SAAS,GAAG,OAAO,aAAa,CAAC;AA2B7C,gEAAgE;AAChE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,wGAAwG;IACxG,MAAM,EAAE;QACN,IAAI,EAAE,WAAW,CAAC;QAClB,WAAW,EAAE,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;QAC3D,+EAA+E;QAC/E,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,wGAAwG;IACxG,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAoBD,oEAAoE;AACpE,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,SAAS,CASZ;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAE5C"}
+{"version":3,"file":"skinVariant.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/gclick/src/components/VideoPlayer/subcomponents/skin/skinVariant.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAgD3F,OAAO,EAAyB,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAyBtD,wEAAwE;AACxE,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;CAsBlB,CAAC;AAEF,kDAAkD;AAClD,MAAM,MAAM,SAAS,GAAG,OAAO,aAAa,CAAC;AA2B7C,gEAAgE;AAChE,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,kBAAkB,CAAC;IAC5B,6EAA6E;IAC7E,KAAK,EAAE,CAAC,OAAO,0BAA0B,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC/D,KAAK,EAAE,SAAS,CAAC;IACjB,wGAAwG;IACxG,MAAM,EAAE;QACN,IAAI,EAAE,WAAW,CAAC;QAClB,WAAW,EAAE,WAAW,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAC,CAAC;QAC3D,+EAA+E;QAC/E,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,wGAAwG;IACxG,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAsBD,oEAAoE;AACpE,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,kBAAkB,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,SAAS,CASZ;AAED;;;;;;GAMG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAE5C"}

package/components/VideoPlayer/subcomponents/skin/skinVariant.js

@@ -1,76 +1,78 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { createContext as r, useContext as i } from "react";
-import { VolumeOffIcon as a, VolumeLowIcon as s, VolumeHighIcon as l, SwitchesIcon as u, SpinnerIcon as E, SpeedIcon as m, SeekIcon as p, RestartIcon as P, PlayIcon as S, PipExitIcon as x, PipEnterIcon as C, PauseIcon as f, GearIcon as h, FullscreenExitIcon as V, FullscreenEnterIcon as $, ChevronIcon as v, CheckIcon as A, CastExitIcon as w, CastEnterIcon as y, AirPlayExitIcon as k, AirPlayEnterIcon as d } from "@videojs/react/icons";
-import { VolumeOffIcon as F, VolumeLowIcon as O, VolumeHighIcon as L, SwitchesIcon as R, SpinnerIcon as g, SpeedIcon as N, SeekIcon as G, RestartIcon as H, PlayIcon as T, PipExitIcon as _, PipEnterIcon as D, PauseIcon as M, GearIcon as b, FullscreenExitIcon as j, FullscreenEnterIcon as z, ChevronIcon as K, CheckIcon as U, CastExitIcon as Y, CastEnterIcon as q, AirPlayExitIcon as B, AirPlayEnterIcon as J } from "@videojs/react/icons/minimal";
-import { VIDEO_PLAYER_VARIANTS as o } from "../../constants.js";
-const Q = {
-  AirPlayEnterIcon: d,
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { createContext as r, useContext as a } from "react";
+import { VolumeOffIcon as s, VolumeLowIcon as l, VolumeHighIcon as E, SwitchesIcon as u, SpinnerIcon as m, SpeedIcon as P, SeekIcon as p, RestartIcon as S, PlayIcon as h, PipExitIcon as f, PipEnterIcon as x, PauseIcon as C, GearIcon as V, FullscreenExitIcon as $, FullscreenEnterIcon as A, ChevronIcon as v, CheckIcon as w, CastExitIcon as y, CastEnterIcon as d, AirPlayExitIcon as k, AirPlayEnterIcon as O } from "@videojs/react/icons";
+import { VolumeOffIcon as F, VolumeLowIcon as R, VolumeHighIcon as L, SwitchesIcon as _, SpinnerIcon as N, SpeedIcon as T, SeekIcon as g, RestartIcon as H, PlayIcon as G, PipExitIcon as D, PipEnterIcon as U, PauseIcon as Y, GearIcon as b, FullscreenExitIcon as j, FullscreenEnterIcon as z, ChevronIcon as K, CheckIcon as M, CastExitIcon as q, CastEnterIcon as B, AirPlayExitIcon as J, AirPlayEnterIcon as Q } from "@videojs/react/icons/neutral";
+import { VIDEO_PLAYER_VENDOR_THEMES as o, VIDEO_PLAYER_VARIANTS as e } from "../../constants.js";
+const W = {
+  AirPlayEnterIcon: O,
   AirPlayExitIcon: k,
-  CastEnterIcon: y,
-  CastExitIcon: w,
-  CheckIcon: A,
+  CastEnterIcon: d,
+  CastExitIcon: y,
+  CheckIcon: w,
   ChevronIcon: v,
-  FullscreenEnterIcon: $,
-  FullscreenExitIcon: V,
-  GearIcon: h,
-  PauseIcon: f,
-  PipEnterIcon: C,
-  PipExitIcon: x,
-  PlayIcon: S,
-  RestartIcon: P,
+  FullscreenEnterIcon: A,
+  FullscreenExitIcon: $,
+  GearIcon: V,
+  PauseIcon: C,
+  PipEnterIcon: x,
+  PipExitIcon: f,
+  PlayIcon: h,
+  RestartIcon: S,
   SeekIcon: p,
-  SpeedIcon: m,
-  SpinnerIcon: E,
+  SpeedIcon: P,
+  SpinnerIcon: m,
   SwitchesIcon: u,
-  VolumeHighIcon: l,
-  VolumeLowIcon: s,
-  VolumeOffIcon: a
-}, W = {
-  AirPlayEnterIcon: J,
-  AirPlayExitIcon: B,
-  CastEnterIcon: q,
-  CastExitIcon: Y,
-  CheckIcon: U,
+  VolumeHighIcon: E,
+  VolumeLowIcon: l,
+  VolumeOffIcon: s
+}, X = {
+  AirPlayEnterIcon: Q,
+  AirPlayExitIcon: J,
+  CastEnterIcon: B,
+  CastExitIcon: q,
+  CheckIcon: M,
   ChevronIcon: K,
   FullscreenEnterIcon: z,
   FullscreenExitIcon: j,
   GearIcon: b,
-  PauseIcon: M,
-  PipEnterIcon: D,
-  PipExitIcon: _,
-  PlayIcon: T,
+  PauseIcon: Y,
+  PipEnterIcon: U,
+  PipExitIcon: D,
+  PlayIcon: G,
   RestartIcon: H,
-  SeekIcon: G,
-  SpeedIcon: N,
-  SpinnerIcon: g,
-  SwitchesIcon: R,
+  SeekIcon: g,
+  SpeedIcon: T,
+  SpinnerIcon: N,
+  SwitchesIcon: _,
   VolumeHighIcon: L,
-  VolumeLowIcon: O,
+  VolumeLowIcon: R,
   VolumeOffIcon: F
 }, n = {
   default: {
-    variant: o.default,
-    icons: Q,
+    variant: e.default,
+    theme: o.default,
+    icons: W,
     volume: { side: "top", orientation: "vertical", showTooltip: !1 },
     previewOverflow: "visible"
   },
   minimal: {
-    variant: o.minimal,
-    icons: W,
+    variant: e.minimal,
+    theme: o.minimal,
+    icons: X,
     volume: { side: "right", orientation: "horizontal", showTooltip: !0 },
     previewOverflow: "clamp"
   }
-}, e = r(n.default);
-function cn({
-  variant: c,
-  children: I
+}, c = r(n.default);
+function In({
+  variant: I,
+  children: t
 }) {
-  return /* @__PURE__ */ t(e, { value: n[c] ?? n.default, children: I });
+  return /* @__PURE__ */ i(c, { value: n[I] ?? n.default, children: t });
 }
-function In() {
-  return i(e);
+function tn() {
+  return a(c);
 }
 export {
-  cn as SkinVariantProvider,
-  In as useSkinVariant
+  In as SkinVariantProvider,
+  tn as useSkinVariant
 };

package/components/VideoPlayer/types.d.ts

@@ -58,9 +58,9 @@ export interface VideoPlayerControl {
     /** Whether playback is currently paused. */
     isPaused(): boolean;
     /**
-     * Force the muted flag to a specific value (emulated via the store toggle).
-     * Repeating a value is a no-op, also within one task. Unmuting at volume 0
-     * restores an audible level, as the vendor's mute button does.
+     * Set the muted flag to a specific value. Repeating a value is a no-op, also
+     * within one task. Unmuting at volume 0 restores an audible level, as the
+     * vendor's mute button does.
      */
     setMuted(muted: boolean): void;
     /**
@@ -194,8 +194,10 @@ export interface VideoPlayerProps {
  * `default` is the full chrome; `minimal` drops the frosted control-bar panel
  * (its popups, menus and tooltips stay frosted) and groups the time displays —
  * leaner for dense grid tiles, which is what the vendor designed it for (its
- * layout reveals controls progressively through container queries). Both come
- * from `@videojs/react`'s `/video` preset.
+ * layout reveals controls progressively through container queries). Both skins
+ * come from `@videojs/react`'s `/video` preset: `default` wears its Default
+ * skin and `minimal` its Neutral skin, which 10.0.0-rc.5 renamed from Minimal
+ * (v10#3092). The value stays `minimal`.
  */
 export type VideoPlayerVariant = keyof typeof VIDEO_PLAYER_VARIANTS;
 /**

package/components/VideoPlayer/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/gclick",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "publishConfig": {
     "access": "public"
   },
@@ -40,10 +40,10 @@
   },
   "dependencies": {
     "@tanstack/react-virtual": "3.13.23",
-    "@videojs/core": "10.0.0-rc.4",
-    "@videojs/hlsjs-video": "10.0.0-rc.4",
-    "@videojs/react": "10.0.0-rc.4",
-    "@videojs/store": "10.0.0-rc.4",
+    "@videojs/core": "10.1.0",
+    "@videojs/hlsjs-video": "10.1.0",
+    "@videojs/react": "10.1.0",
+    "@videojs/store": "10.1.0",
     "echarts": "6.0.0",
     "echarts-for-react": "3.0.6",
     "@m4l/gclick-realtime": "^1.0.1",

package/components/VideoPlayer/VideojsMinimalSkin.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VideojsMinimalSkin.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/VideoPlayer/VideojsMinimalSkin.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAkDtD;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,EAAE,SA0iFtC,CAAC"}