@vplayer/react 0.1.7 → 0.2.0

package/dist/components/player/defaults.d.ts

@@ -1,8 +1,8 @@
 /**
  * React-specific defaults.
  *
- * Note: defaultPlayerLabels and defaultPlayerIcons live in @vplayer/core
- * as framework-agnostic plain data (strings + Iconify icon IDs).
- * Re-export them here so consumers can import from @vplayer/react.
+ * Labels remain framework-agnostic; icons are React components generated at
+ * build time by unplugin-icons.
  */
-export { defaultPlayerLabels, defaultPlayerIcons } from '@vplayer/core';
+export { defaultPlayerLabels } from '@vplayer/core';
+export { defaultPlayerIcons } from './icon';

package/dist/components/player/icon.d.ts

@@ -0,0 +1,33 @@
+import type { ComponentProps, FC } from 'react';
+import PlayIcon from '~icons/lucide/play';
+export type IconComponent = typeof PlayIcon;
+export interface PlayerIcons {
+    play: IconComponent;
+    pause: IconComponent;
+    replay: IconComponent;
+    skipBack: IconComponent;
+    skipForward: IconComponent;
+    volumeHigh: IconComponent;
+    volumeLow: IconComponent;
+    volumeOff: IconComponent;
+    settings: IconComponent;
+    pip: IconComponent;
+    miniPlayer: IconComponent;
+    close: IconComponent;
+    fullscreen: IconComponent;
+    fullscreenExit: IconComponent;
+    chevronLeft: IconComponent;
+    check: IconComponent;
+    spinner: IconComponent;
+    screenshot: IconComponent;
+    flip: IconComponent;
+    aspectRatio: IconComponent;
+    info: IconComponent;
+    loop: IconComponent;
+}
+export declare const defaultPlayerIcons: PlayerIcons;
+interface IconProps extends ComponentProps<typeof PlayIcon> {
+    icon: IconComponent;
+}
+export declare const Icon: FC<IconProps>;
+export {};

package/dist/components/player/index.d.ts

@@ -1,5 +1,5 @@
 export { VideoPlayer } from './player';
-export { ControlsBar, PlayerChrome } from './layout/player-chrome';
+export { ControlsBar, PlayerControls } from './layout/player-controls';
 export { DefaultVideoLayout } from './layout/default-video-layout';
 export { CompactVideoLayout } from './layout/compact-video-layout';
 export { LargeVideoLayout } from './layout/large-video-layout';
@@ -14,9 +14,10 @@ export type { PlayerProps, PlayerSlots, PlayerLabels, PlayerIcons, MediaState, M
 export type { UsePlayerResult, PluginAPIBuilder, PluginAPIContext } from './adapter-types';
 export { createPluginAPIBuilder } from './plugin-api';
 export { createPluginAPI } from './plugin-api';
-export { createPlayer, createGestureEngine, EventBus, Storage, STORAGE_KEYS, I18n, HotkeyRegistry, defaultPlayerLabels, defaultPlayerIcons, formatTime, } from '@vplayer/core';
+export { createPlayer, createGestureEngine, EventBus, Storage, LocalPlaybackProgressStore, STORAGE_KEYS, I18n, HotkeyRegistry, defaultPlayerLabels, formatTime, } from '@vplayer/core';
+export { defaultPlayerIcons } from './icon';
 export { parseSRT, parseVTT, fetchSubtitles, getActiveCue, fetchThumbnails, parseThumbnailVTT, getThumbnailAtTime, } from '@vplayer/core';
-export type { PlayerOptions, TransformThumbnailVTT, PlayerInstance, PlayerSystems, PlayerError, PlayerEventName, PlayerEventHandler, SubtitleCue, SubtitleTrack, ThumbnailCue, LanguageDict, HotkeyBinding, ControlRegistration, SettingRegistration, LayerRegistration, SettingItem, ContextMenuItem, ContextMenuRegistration, PlayerPlugin, PluginAPI, RemoteRef, PlayerContextRef, FlipState, AspectRatioState, } from '@vplayer/core';
+export type { PlaybackProgress, PlaybackProgressStore, PlaybackProgressOptions, PlayerOptions, TransformThumbnailVTT, PlayerInstance, PlayerSystems, PlayerError, PlayerEventName, PlayerEventHandler, SubtitleCue, SubtitleTrack, ThumbnailCue, LanguageDict, HotkeyBinding, ControlRegistration, SettingRegistration, LayerRegistration, SettingItem, ContextMenuItem, ContextMenuRegistration, PlayerPlugin, PluginAPI, RemoteRef, PlayerContextRef, FlipState, AspectRatioState, } from '@vplayer/core';
 export { PluginControlsLeft, PluginControlsRight, PluginControlsTop, PluginControlsCenter, PluginLayers, PluginSettings, NotificationOverlay, } from './plugin-renderer';
 export { MiniProgressBar } from './components/mini-progress-bar';
 export { ScreenshotButton } from './components/screenshot-button';

package/dist/components/player/layout/{player-chrome.d.ts → player-controls.d.ts}

@@ -3,5 +3,5 @@ export declare const ControlsBar: FC<{
     children?: ReactNode;
 }>;
 export declare const Spacer: FC;
-export declare const MiniPlayerChrome: FC;
-export declare const PlayerChrome: FC;
+export declare const MiniPlayerControls: FC;
+export declare const PlayerControls: FC;

package/dist/components/player/player-provider.d.ts

@@ -18,15 +18,16 @@
  * </PlayerProvider>
  * ```
  */
-import type { PlayerIcons, PlayerLabels } from '@vplayer/core';
+import type { PlayerLabels } from '@vplayer/core';
 import { type FC, type ReactNode } from 'react';
 import { usePlayer } from './hooks/use-player';
+import { type PlayerIcons } from './icon';
 import type { PlayerSlots } from './types';
 import type { DeepPartial } from './utils/merge';
 export interface PlayerProviderProps {
     options: Parameters<typeof usePlayer>[0];
     labels?: DeepPartial<PlayerLabels>;
-    icons?: DeepPartial<PlayerIcons>;
+    icons?: Partial<PlayerIcons>;
     slots?: PlayerSlots;
     children?: ReactNode;
 }

package/dist/components/player/types.d.ts

@@ -1,9 +1,11 @@
 import type { Store } from '@tanstack/store';
-import type { EventBus, HotkeyRegistry, I18n, MediaEngine, MediaRemote, MediaState, PlayerIcons, PlayerLabels, PlayerInstance, PlayerOptions, SvgIcon, Storage, SubtitleTrack, ThumbnailCue } from '@vplayer/core';
+import type { EventBus, HotkeyRegistry, I18n, MediaEngine, MediaRemote, MediaState, PlayerLabels, PlayerInstance, PlayerOptions, Storage, SubtitleTrack, ThumbnailCue } from '@vplayer/core';
 import type { AspectRatioState, ControlRegistration, ContextMenuItem, FlipState, LayerRegistration, PlayerPlugin, PluginAPI, SettingRegistration } from '@vplayer/core';
 import type { ReactNode, RefObject } from 'react';
 import type { PluginAPIBuilder } from './adapter-types';
-export type { MediaState, MediaRemote, PlayerIcons, PlayerLabels, PlayerOptions, SvgIcon };
+import type { PlayerIcons } from './icon';
+export type { MediaState, MediaRemote, PlayerLabels, PlayerOptions };
+export type { IconComponent, PlayerIcons } from './icon';
 export type { AspectRatioState, ControlRegistration, ContextMenuItem, FlipState, LayerRegistration, PlayerPlugin, PluginAPI, SettingRegistration, };
 export type { EventBus, HotkeyRegistry, I18n, Storage, SubtitleTrack, ThumbnailCue };
 export interface PlayerSlots {

package/dist/components/player/utils/merge.d.ts

@@ -1,6 +1,7 @@
-import type { PlayerIcons, PlayerLabels } from '@vplayer/core';
+import type { PlayerLabels } from '@vplayer/core';
+import type { PlayerIcons } from '../icon';
 export type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
 };
 export declare function mergeLabels(defaults: PlayerLabels, overrides?: DeepPartial<PlayerLabels>): PlayerLabels;
-export declare function mergeIcons(defaults: PlayerIcons, overrides?: DeepPartial<PlayerIcons>): PlayerIcons;
+export declare function mergeIcons(defaults: PlayerIcons, overrides?: Partial<PlayerIcons>): PlayerIcons;