@phont-ai/subtitles 0.1.64 → 0.1.69

package/dist/index.d.mts

@@ -1,7 +1,7 @@
-import { AnimationFetcher, PhontClient, LoginResponse, RegisterResponse, WordAnimationState } from '@phont-ai/subtitles-core';
-export { AnimationFetcher, LoginResponse, PhontClient, PhontClientOptions, PublishedAnimationResolver, RegisterResponse, VodMetadata, calculateAnimationState, createPublishedAnimationResolver, decodeAnimationUrl, subtitleManager } from '@phont-ai/subtitles-core';
+import { AnimationFetcher, PhontClient, LiveSegmentSource, LoginResponse, RegisterResponse, WordAnimationState } from '@phont-ai/subtitles-core';
+export { AnimationFetcher, InitialPlaylist, LiveSegmentSource, LoginResponse, PhontClient, PhontClientOptions, PublishedAnimationResolver, RegisterResponse, SegmentInfo, VodMetadata, calculateAnimationState, createBitmovinLiveSegmentSource, createHlsLiveSegmentSource, createLiveSegmentSource, createPublishedAnimationResolver, createShakaLiveSegmentSource, decodeAnimationUrl, subtitleManager } from '@phont-ai/subtitles-core';
 import * as React from 'react';
-import React__default, { ReactNode } from 'react';
+import React__default, { ReactNode, RefObject, CSSProperties } from 'react';
 
 interface PhontClientConfig {
     apiKey: string;
@@ -100,6 +100,10 @@ declare function configurePublishedAnimationFetcher(fetcher: AnimationFetcher):
  * The URL origin (localhost vs. phont.ai vs. tenant subdomain) is
  * irrelevant — animation URLs are parsed, not fetched.
  */
+/**
+ * Bust the module-level resolver cache (call after publishing a new animation version).
+ */
+declare function invalidatePublishedAnimationResolverCache(): void;
 declare function usePublishedAnimationResolver(): {
     /**
      * Resolve an animation URL.
@@ -130,6 +134,50 @@ declare function StylesheetProvider({ children, defaultStylesheet, }: {
 }): React__default.JSX.Element;
 declare function useStylesheet(): StylesheetContextValue;
 
+/**
+ * Centralized overlay positioning configuration (app/video parity).
+ */
+/** Fullscreen /video reference frame — embedded players scale from this. */
+declare const SUBTITLE_LAYOUT_REFERENCE: {
+    readonly width: 1920;
+    readonly baseFontSize: number;
+    readonly bottomPercent: 10;
+    readonly mobileBottomPercent: 22;
+};
+type SubtitleLayoutMode = 'viewport' | 'player';
+/**
+ * Shared offsets for Phont overlays above native player chrome (3Q control bar + progress).
+ * Pixel-based — avoids % growing with fullscreen viewport height.
+ */
+declare const PLAYER_CHROME_LAYOUT: {
+    /** Native control bar + progress strip height. */
+    readonly controlBarPx: 58;
+    /** Space between control bar top and subtitle baseline. */
+    readonly subtitleGapPx: 14;
+    /** Extra lift on narrow player embeds. */
+    readonly mobileSubtitleExtraPx: 6;
+    /** CC toggle shares the subtitle row baseline (not the player control bar). */
+    readonly controlsAlignWithSubtitles: true;
+    readonly rightPx: 12;
+    readonly subtitlePanelBackground: "#000000";
+    readonly subtitlePanelBorderRadius: 0;
+    /** @deprecated CC toggle uses subtitlePanelBackground */
+    readonly glassBackground: "#000000";
+    readonly glassBlur: "none";
+};
+declare function getPlayerSubtitleBottomPx(shouldUseMobile?: boolean): number;
+interface PositionConfig {
+    bottomVh: number;
+    bottomVhNoSpeaker: number;
+    mobileBottomVh: number;
+    mobileBottomVhNoSpeaker: number;
+    zIndex: number;
+    width: number | string;
+    mobileWidth: string;
+    maxMobileWidth: number | string;
+    height: number | string;
+}
+
 /**
  * PhontSubtitles Component
  *
@@ -149,10 +197,27 @@ interface PhontSubtitlesProps {
     className?: string;
     style?: React__default.CSSProperties;
     subtitleAvailable?: boolean;
+    /**
+     * `player` — absolute overlay inside `playerContainerRef` (default).
+     * `viewport` — legacy fullscreen fixed positioning.
+     */
+    layoutMode?: SubtitleLayoutMode;
+    /** Measured for player-relative scale + position. Required for correct embedded layout. */
+    playerContainerRef?: React__default.RefObject<HTMLElement | null>;
 }
-declare function PhontSubtitles({ vodId, currentTime, isPlaying, mode, language, maxExpression, threshold, isRTL, phontClient, className, style, subtitleAvailable, }: PhontSubtitlesProps): React__default.JSX.Element | null;
+declare function PhontSubtitles({ vodId, currentTime, isPlaying, mode, language, maxExpression, threshold, isRTL, phontClient, className, style, subtitleAvailable, layoutMode, playerContainerRef, }: PhontSubtitlesProps): React__default.JSX.Element | null;
 
-declare function PhontSubtitlesWithUrlAnimations({ segment, currentTime, isPlaying, maxExpression, threshold, className, style, nextSegment, forceMobile, fontFallbackMode, disablePublishedAnimationFetch, }: {
+/**
+ * 3Q SDN overlay helpers.
+ *
+ * 3Q fullscreens the container id passed to `js3q`. Phont overlays must live
+ * inside that same element (not a parent wrapper), or they disappear in fullscreen.
+ */
+declare const THREEQ_OVERLAY_MOUNT_CSS = "\n  .phont-threeq-overlay-root {\n    position: absolute;\n    inset: 0;\n    z-index: 2147483646;\n    pointer-events: none;\n    overflow: visible;\n  }\n  .phont-threeq-overlay-root [data-phont-panel],\n  .phont-threeq-overlay-root .subtitle-container,\n  .phont-threeq-overlay-root .pointer-events-none {\n    pointer-events: none;\n  }\n  .phont-threeq-overlay-root [data-phont-panel] {\n    pointer-events: auto;\n  }\n  .phont-threeq-overlay-root button[aria-label=\"Open Emotion & Voice\"] {\n    pointer-events: auto;\n  }\n  .phont-threeq-overlay-root [data-phont-panel] .phont-emotion-slider,\n  :fullscreen .phont-threeq-overlay-root [data-phont-panel] .phont-emotion-slider {\n    -webkit-appearance: none !important;\n    appearance: none !important;\n    display: block !important;\n    width: 100% !important;\n    min-width: 100% !important;\n    height: 2px !important;\n    min-height: 0 !important;\n    max-height: 2px !important;\n    padding: 0 !important;\n    border: none !important;\n    background: transparent !important;\n    box-sizing: border-box !important;\n  }\n  .phont-threeq-overlay-root [data-phont-panel] .phont-emotion-slider::-webkit-slider-runnable-track,\n  :fullscreen .phont-threeq-overlay-root [data-phont-panel] .phont-emotion-slider::-webkit-slider-runnable-track {\n    -webkit-appearance: none !important;\n    width: 100% !important;\n    height: 2px !important;\n    background: #e5e7eb !important;\n    border: none !important;\n  }\n  .phont-threeq-overlay-root [data-phont-panel] .phont-emotion-slider::-webkit-slider-thumb,\n  :fullscreen .phont-threeq-overlay-root [data-phont-panel] .phont-emotion-slider::-webkit-slider-thumb {\n    -webkit-appearance: none !important;\n    width: 12px !important;\n    height: 12px !important;\n    margin-top: -5px !important;\n    border: none !important;\n    background: #ffffff !important;\n  }\n";
+/** Persistent mount inside the 3Q container — same node 3Q fullscreens. */
+declare function ensureThreeqOverlayHost(container: HTMLElement | null | undefined): HTMLElement | null;
+
+declare function PhontSubtitlesWithUrlAnimations({ segment, currentTime, isPlaying, maxExpression, threshold, className, style, nextSegment, forceMobile, fontFallbackMode, disablePublishedAnimationFetch, layoutMode, playerContainerRef, }: {
     segment: any;
     currentTime: number;
     isPlaying?: boolean;
@@ -164,9 +229,11 @@ declare function PhontSubtitlesWithUrlAnimations({ segment, currentTime, isPlayi
     forceMobile?: boolean;
     fontFallbackMode?: boolean;
     disablePublishedAnimationFetch?: boolean;
+    layoutMode?: SubtitleLayoutMode;
+    playerContainerRef?: RefObject<HTMLElement | null>;
 }): React__default.JSX.Element;
 
-declare function useUrlAnimations({ segment, currentTime, maxExpression, threshold, nextSegmentStartTime, extendedEndTime, transparentUntilSpoken, disablePublishedAnimationFetch, stylesheetName: stylesheetNameProp, }: {
+declare function useUrlAnimations({ segment, currentTime, maxExpression, threshold, nextSegmentStartTime, extendedEndTime, transparentUntilSpoken, disablePublishedAnimationFetch, stylesheetName: stylesheetNameProp, fontSizeScale, }: {
     segment: any;
     currentTime: number;
     maxExpression?: number;
@@ -176,6 +243,8 @@ declare function useUrlAnimations({ segment, currentTime, maxExpression, thresho
     transparentUntilSpoken?: boolean;
     disablePublishedAnimationFetch?: boolean;
     stylesheetName?: string | null;
+    /** Player-width scale (1920px reference). Default 1. */
+    fontSizeScale?: number;
 }): {
     text: string;
     words: never[];
@@ -203,7 +272,7 @@ declare function useUrlAnimations({ segment, currentTime, maxExpression, thresho
         end: any;
         animationEnd: any;
         isActive: boolean;
-        emotion: string;
+        emotion: any;
         emotionIntensity: number;
         fontFamily: string;
         emphasisEffect: null;
@@ -215,8 +284,9 @@ declare function useUrlAnimations({ segment, currentTime, maxExpression, thresho
         };
         emotionCategory: string | null;
         volume: any;
+        hasWordOverride: boolean;
     }[];
-    emotion: string;
+    emotion: any;
     emotionIntensity: number;
     fontFamily: string;
     currentWordIndex: number;
@@ -250,6 +320,144 @@ declare function WordRenderer({ text, words, fontFamily, className, style, debug
     gts?: number;
 }): React__default.JSX.Element | null;
 
+/**
+ * useLiveSubtitles
+ *
+ * Event-driven, media-time-anchored live subtitle pipeline.
+ *
+ *   - source.onInitialPlaylist  → backfill cues for fragments already in
+ *                                 the live window when we joined.
+ *   - source.onSegmentLoaded    → fetch sidecar JSON for each new segment
+ *                                 the player downloads.
+ *   - videoElement.currentTime  → THE clock. Drives subtitle display via
+ *                                 requestAnimationFrame. No wall-clock
+ *                                 setInterval, no cumulative-duration
+ *                                 math.
+ *
+ * Each cue is anchored to media time the moment it's ingested using
+ * `frag.start` from the adapter — so cue.start_time is always in the
+ * same space as `video.currentTime`, and subtitle display is
+ * automatically resilient to pause, buffer, and seek.
+ *
+ * See subtitle-sync.md §6 for the full design rationale.
+ */
+interface UseLiveSubtitlesArgs {
+    /** Master enable/disable. Hook is inert when false. */
+    enabled?: boolean;
+    /** A player adapter (e.g. createHlsLiveSegmentSource(hls, Hls)). */
+    source?: LiveSegmentSource | null;
+    /**
+     * The HTMLVideoElement the hook drives subtitle timing from. Must be
+     * the same element the player is rendering into.
+     */
+    videoElement?: HTMLVideoElement | null;
+    /**
+     * The AMS master playlist URL the player is loading (e.g. the same URL
+     * passed to hls.loadSource). Used by the subtitle fetcher to derive the
+     * sidecar JSON path: `<base>/<streamId>_subtitle<sn>.json`. Required for
+     * SDK consumers; the in-repo app can omit this and fall back to
+     * NEXT_PUBLIC_API_LIVE_URL.
+     */
+    masterUrl?: string | null;
+}
+declare function useLiveSubtitles({ enabled, source, videoElement, masterUrl, }: UseLiveSubtitlesArgs): void;
+
+/**
+ * useHlsLiveSource
+ *
+ * Layer 1 of the live-subtitle SDK ergonomics: hides hls.js setup behind a
+ * single hook. Given a master URL + a video element, dynamically imports
+ * hls.js, builds an instance with sensible live defaults, attaches it,
+ * calls loadSource, and wraps it as a LiveSegmentSource. Returns the source
+ * so it can be passed straight into useLiveSubtitles.
+ *
+ * Also suppresses the browser's native WebVTT captions, which AMS publishes
+ * on the manifest alongside the JSON sidecar track. Without this, the
+ * browser would double-render captions over the animated subtitle overlay.
+ *
+ * For customers who want their own video element + layout but don't want to
+ * wire hls.js themselves. Customers who want a full prebuilt component
+ * should use PhontLivePlayer instead.
+ */
+interface UseHlsLiveSourceArgs {
+    /** HLS master playlist URL (e.g. AMS `<streamId>_phont.m3u8`). */
+    masterUrl: string | null;
+    /** The <video> element hls.js should attach to. */
+    videoElement: HTMLVideoElement | null;
+    /** Master enable/disable. Hook is inert when false. */
+    enabled?: boolean;
+    /**
+     * Extra hls.js config merged on top of the live defaults. Use to override
+     * buffering knobs, low-latency mode, etc.
+     */
+    hlsConfig?: Record<string, any>;
+    /**
+     * Suppress native browser WebVTT captions on the <video>. Defaults to
+     * true — almost always what you want when rendering animated subtitles.
+     * Set false only if you genuinely want the browser to paint captions
+     * alongside the animated overlay (rare).
+     */
+    suppressNativeCaptions?: boolean;
+}
+interface UseHlsLiveSourceResult {
+    /** LiveSegmentSource to hand to useLiveSubtitles. Null until ready. */
+    source: LiveSegmentSource | null;
+    /** Underlying hls.js instance. Exposed for advanced cases (event hooks). */
+    hls: any | null;
+    /** Set if hls.js failed to load or this browser can't play MSE HLS. */
+    error: string | null;
+}
+declare function useHlsLiveSource({ masterUrl, videoElement, enabled, hlsConfig, suppressNativeCaptions, }: UseHlsLiveSourceArgs): UseHlsLiveSourceResult;
+
+/**
+ * PhontLivePlayer
+ *
+ * Layer 2 of the live-subtitle SDK ergonomics: the one-liner. Drop in a
+ * master URL, get back a video element with animated Phont subtitles
+ * already wired up. No hls.js, no LiveSegmentSource, no text-track
+ * suppression to manage. Internally:
+ *
+ *   - useHlsLiveSource builds the hls.js instance + adapter + WebVTT kill
+ *     switch
+ *   - useLiveSubtitles drives the cue pipeline + RAF display loop
+ *   - PhontSubtitlesWithUrlAnimations renders the animated overlay
+ *
+ * Customers who need a custom video element, custom controls, or a
+ * different player should drop one layer down to useHlsLiveSource and wire
+ * the pieces themselves.
+ *
+ * Must be rendered inside <PhontRoot> so the animation resolver has its
+ * context.
+ */
+interface PhontLivePlayerProps {
+    /** HLS master playlist URL (e.g. AMS `<streamId>_phont.m3u8`). */
+    masterUrl: string;
+    /** Forwarded to the inner <video>. Defaults to filling its parent. */
+    videoStyle?: CSSProperties;
+    videoClassName?: string;
+    /** Whether the video should autoplay. Defaults to true. */
+    autoPlay?: boolean;
+    /** Whether the video starts muted. Defaults to true (autoplay needs it). */
+    muted?: boolean;
+    /** Whether to show native controls. Defaults to false (clean overlay). */
+    controls?: boolean;
+    /** Forwarded to PhontSubtitlesWithUrlAnimations. */
+    maxExpression?: number;
+    threshold?: number;
+    /**
+     * Suppress native WebVTT captions. Defaults to true. Pass false only if
+     * you genuinely want the browser to render captions over the animated
+     * overlay (essentially never).
+     */
+    suppressNativeCaptions?: boolean;
+    /**
+     * Called once the inner <video> element is attached. Use to wire up
+     * external controls or fullscreen handling.
+     */
+    onVideoElement?: (el: HTMLVideoElement | null) => void;
+}
+declare function PhontLivePlayer({ masterUrl, videoStyle, videoClassName, autoPlay, muted, controls, maxExpression, threshold, suppressNativeCaptions, onVideoElement, }: PhontLivePlayerProps): React__default.JSX.Element;
+
 /**
  * SDK Authentication Hook
  *
@@ -671,18 +879,6 @@ interface PhontVideoPlayerProps extends Omit<PhontSubtitlesProps, 'currentTime'
  */
 declare function PhontVideoPlayer(props: PhontVideoPlayerProps): React__default.JSX.Element;
 
-interface PositionConfig {
-    bottomVh: number;
-    bottomVhNoSpeaker: number;
-    mobileBottomVh: number;
-    mobileBottomVhNoSpeaker: number;
-    zIndex: number;
-    width: number | string;
-    mobileWidth: string;
-    maxMobileWidth: number | string;
-    height: number | string;
-}
-
 interface SoundbiteContainerProps {
     isVodMode?: boolean;
     boxSize?: number;
@@ -776,8 +972,34 @@ interface PhontControlsProps {
     setAnimationMode?: (mode: AnimationMode) => void;
     toggles: boolean[];
     handleToggle: (index: number) => void;
+    /**
+     * `player` — scale + anchor inside `playerContainerRef` (embedded embeds).
+     * `viewport` — legacy fixed positioning (default).
+     */
+    layoutMode?: SubtitleLayoutMode;
+    /** Measured for player-relative scale. Required when `layoutMode="player"`. */
+    playerContainerRef?: React__default.RefObject<HTMLElement | null>;
+    /** Width source for scale — defaults to `playerContainerRef`. Use the player stage, not the portal mount. */
+    scaleContainerRef?: React__default.RefObject<HTMLElement | null>;
+    /** Bumps portal target when the mount node appears (e.g. 3Q overlay host). */
+    portalSyncKey?: unknown;
+    /** When set, shows a close (✕) button in the panel header. */
+    onClose?: () => void;
+}
+declare function PhontControls({ isVisible, onPanelMouseEnter, onPanelMouseLeave, isLive, currentVideoId, gts, setGTS, threshold, maxExpression, subtitleLanguage, availableLanguages, currentSubtitleLanguage, handleLanguageChange, isTranslating, translatingToLanguage, translationProvider, translationModel, toggles, handleToggle, layoutMode, playerContainerRef, scaleContainerRef, portalSyncKey, onClose, }: PhontControlsProps): React__default.JSX.Element | null;
+
+interface PhontControlsOpenButtonProps {
+    onOpen: () => void;
+    /** Hide when the panel is already open. */
+    visible?: boolean;
+    layoutMode?: SubtitleLayoutMode;
+    playerContainerRef?: React__default.RefObject<HTMLElement | null>;
+    /** Width source for scale — defaults to `playerContainerRef`. */
+    scaleContainerRef?: React__default.RefObject<HTMLElement | null>;
+    /** Bumps portal target when the mount node appears (e.g. 3Q overlay host). */
+    portalSyncKey?: unknown;
 }
-declare function PhontControls({ isVisible, onPanelMouseEnter, onPanelMouseLeave, isLive, currentVideoId, gts, setGTS, threshold, maxExpression, subtitleLanguage, availableLanguages, currentSubtitleLanguage, handleLanguageChange, isTranslating, translatingToLanguage, translationProvider, translationModel, toggles, handleToggle, }: PhontControlsProps): React__default.JSX.Element | null;
+declare function PhontControlsOpenButton({ onOpen, visible, layoutMode, playerContainerRef, scaleContainerRef, portalSyncKey, }: PhontControlsOpenButtonProps): React__default.JSX.Element | null;
 
 /**
  * Dev-only Phont Controls — PlayerTestSuite / internal testing.
@@ -869,10 +1091,26 @@ declare function usePhontVodControls({ vodId, phontClient, initialGts, closedCap
     availableLanguages: Record<string, string>;
 };
 
+/** Cmd/Ctrl+M — same chord as Stage metadata panel; safe on pages without MetaData. */
+declare const PHONT_CONTROLS_HOTKEY = "m";
+/**
+ * Toggle PhontControls visibility with ⌘M / Ctrl+M.
+ * On Stage /video, Cmd+M is used for the metadata panel — do not use this hook there.
+ */
+declare function usePhontControlsHotkey(initialVisible?: boolean): {
+    controlsVisible: boolean;
+    setControlsVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    openControls: () => void;
+    closeControls: () => void;
+    toggleControls: () => void;
+};
+
+/** True when native fullscreen is active on this player's video or container subtree. */
+declare function usePlayerFullscreen(playerContainerRef: RefObject<HTMLElement | null>, videoRef: RefObject<HTMLVideoElement | null>): boolean;
+
 /**
  * GTS (Global Tone & Style) Slider Component
  * SDK version - Controls emotion threshold and expressiveness (max expression)
- * Matches app/components/phont-controls/GTSSlider.jsx
  */
 
 interface GTSSliderProps {
@@ -886,7 +1124,6 @@ declare function GTSSlider({ gts, setGTS, threshold, maxExpression }: GTSSliderP
 /**
  * Translation Dropdown Component
  * SDK version - Allows users to switch subtitle language (VOD only)
- * Matches app/components/phont-controls/TranslationDropdown.jsx
  */
 
 interface TranslationDropdownProps {
@@ -899,12 +1136,11 @@ interface TranslationDropdownProps {
     translationProvider?: string;
     translationModel?: string;
 }
-declare function TranslationDropdown({ subtitleLanguage, availableLanguages, currentSubtitleLanguage, onLanguageChange, isTranslating, translatingToLanguage, translationProvider, translationModel, }: TranslationDropdownProps): React__default.JSX.Element;
+declare function TranslationDropdown({ subtitleLanguage, availableLanguages, currentSubtitleLanguage, onLanguageChange, isTranslating, }: TranslationDropdownProps): React__default.JSX.Element;
 
 /**
  * Reusable Toggle Switch Component
  * SDK version - Used for Speaker, Closed Captions, and other binary settings
- * Matches app/components/phont-controls/ToggleSwitch.jsx
  */
 
 interface ToggleSwitchProps {
@@ -927,4 +1163,4 @@ interface AnimationUrlConfigProps {
 }
 declare function AnimationUrlConfig({ customAnimationUrl, setCustomAnimationUrl, emotionMappings, setEmotionMappings, }: AnimationUrlConfigProps): React__default.JSX.Element;
 
-export { AnimationConfigProvider, type AnimationConfigProviderProps, type AnimationMode, AnimationModeToggle, type AnimationModeToggleProps, AnimationUrlConfig, type AnimationUrlConfigProps, type BitmovinPlayer, BitmovinPlayerAdapter, type EmotionAnimationUrls, GTSSlider, type GTSSliderProps, HTML5VideoAdapter, PHONT_DEFAULT_LANGUAGES, type PhontClientConfig, PhontControls, PhontControlsDev, type PhontControlsDevProps, type PhontControlsProps, PhontRoot, type PhontRootProps, PhontSubtitles, type PhontSubtitlesProps, PhontSubtitlesWithUrlAnimations, PhontVideoPlayer, type PhontVideoPlayerProps, type PlayerAdapter, PlayerTestSuite, type PlayerTestSuiteProps, type PlayerType, SDKAuth, type SDKAuthProps, type SDKAuthState, type ShakaPlayer, ShakaPlayerAdapter, SoundbiteContainer, StylesheetProvider, type ThreeQPlayer, ThreeQPlayerAdapter, ToggleSwitch, type ToggleSwitchProps, TranslationDropdown, type TranslationDropdownProps, type UsePhontVodControlsOptions, type UsePlayerSyncOptions, type UsePlayerSyncResult, type UseSDKAnimationOptions, type UseVideoPlayerOptions, type VideoJSPlayer, VideoJSPlayerAdapter, WordRenderer, buildPhontAnimationRequestHeaders, calculateMaxExpression, calculateThreshold, configurePublishedAnimationFetcher, createPhontAnimationFetcher, useAnimationConfig, usePhontVodControls, usePlayerSync, usePublishedAnimationResolver, useSDKAnimation, useSDKAuth, useStylesheet, useUrlAnimations, useVideoPlayer };
+export { AnimationConfigProvider, type AnimationConfigProviderProps, type AnimationMode, AnimationModeToggle, type AnimationModeToggleProps, AnimationUrlConfig, type AnimationUrlConfigProps, type BitmovinPlayer, BitmovinPlayerAdapter, type EmotionAnimationUrls, GTSSlider, type GTSSliderProps, HTML5VideoAdapter, PHONT_CONTROLS_HOTKEY, PHONT_DEFAULT_LANGUAGES, PLAYER_CHROME_LAYOUT, type PhontClientConfig, PhontControls, PhontControlsDev, type PhontControlsDevProps, PhontControlsOpenButton, type PhontControlsOpenButtonProps, type PhontControlsProps, PhontLivePlayer, type PhontLivePlayerProps, PhontRoot, type PhontRootProps, PhontSubtitles, type PhontSubtitlesProps, PhontSubtitlesWithUrlAnimations, PhontVideoPlayer, type PhontVideoPlayerProps, type PlayerAdapter, PlayerTestSuite, type PlayerTestSuiteProps, type PlayerType, SDKAuth, type SDKAuthProps, type SDKAuthState, SUBTITLE_LAYOUT_REFERENCE, type ShakaPlayer, ShakaPlayerAdapter, SoundbiteContainer, StylesheetProvider, type SubtitleLayoutMode, THREEQ_OVERLAY_MOUNT_CSS, type ThreeQPlayer, ThreeQPlayerAdapter, ToggleSwitch, type ToggleSwitchProps, TranslationDropdown, type TranslationDropdownProps, type UseHlsLiveSourceArgs, type UseHlsLiveSourceResult, type UseLiveSubtitlesArgs, type UsePhontVodControlsOptions, type UsePlayerSyncOptions, type UsePlayerSyncResult, type UseSDKAnimationOptions, type UseVideoPlayerOptions, type VideoJSPlayer, VideoJSPlayerAdapter, WordRenderer, buildPhontAnimationRequestHeaders, calculateMaxExpression, calculateThreshold, configurePublishedAnimationFetcher, createPhontAnimationFetcher, ensureThreeqOverlayHost, getPlayerSubtitleBottomPx, invalidatePublishedAnimationResolverCache, useAnimationConfig, useHlsLiveSource, useLiveSubtitles, usePhontControlsHotkey, usePhontVodControls, usePlayerFullscreen, usePlayerSync, usePublishedAnimationResolver, useSDKAnimation, useSDKAuth, useStylesheet, useUrlAnimations, useVideoPlayer };