@frameset/plex-player 1.0.6 → 2.0.0

package/dist/plex-player.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["main.css","controls.css","playlist.css","settings.css"],"names":[],"mappings":"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","file":"plex-player.css","sourcesContent":["/* =====================================================\r\n   PLEX Video Player - Main Styles\r\n   ===================================================== */\r\n\r\n/* CSS Variables - scoped to player */\r\n.plex-player,\r\n.plex-player-container {\r\n    --plex-primary: #e5a00d;\r\n    --plex-primary-hover: #f5b82e;\r\n    --plex-bg-dark: #1a1a1a;\r\n    --plex-bg-darker: #0d0d0d;\r\n    --plex-bg-overlay: rgba(0, 0, 0, 0.85);\r\n    --plex-text-primary: #ffffff;\r\n    --plex-text-secondary: #a0a0a0;\r\n    --plex-border: rgba(255, 255, 255, 0.1);\r\n    --plex-gradient: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%);\r\n    --plex-gradient-top: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, transparent 100%);\r\n    --plex-transition-fast: 0.15s ease;\r\n    --plex-transition-normal: 0.25s ease;\r\n    --plex-transition-slow: 0.4s ease;\r\n    --plex-radius-sm: 4px;\r\n    --plex-radius-md: 8px;\r\n    --plex-radius-lg: 12px;\r\n    --plex-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);\r\n    --plex-z-video: 1;\r\n    --plex-z-overlay: 10;\r\n    --plex-z-controls: 20;\r\n    --plex-z-panel: 30;\r\n    --plex-z-modal: 40;\r\n    --plex-z-toast: 50;\r\n}\r\n\r\n/* Scoped Reset - only inside player */\r\n.plex-player *,\r\n.plex-player *::before,\r\n.plex-player *::after {\r\n    box-sizing: border-box;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* Player Container Wrapper */\r\n.plex-player-container {\r\n    position: relative;\r\n    width: 100%;\r\n    aspect-ratio: 16 / 9;\r\n    background: var(--plex-bg-darker);\r\n    border-radius: var(--plex-radius-md);\r\n    overflow: hidden;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    -webkit-font-smoothing: antialiased;\r\n    -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n/* Player Container */\r\n.plex-player {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: var(--plex-bg-darker);\r\n    overflow: hidden;\r\n    user-select: none;\r\n    -webkit-user-select: none;\r\n    -webkit-tap-highlight-color: transparent;\r\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.plex-player.plex-fullscreen {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: 9999;\r\n    border-radius: 0;\r\n}\r\n\r\n/* Video Container */\r\n.video-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: #000;\r\n    z-index: var(--plex-z-video);\r\n}\r\n\r\n.video-container video {\r\n    width: 100%;\r\n    height: 100%;\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: contain;\r\n    background: #000;\r\n}\r\n\r\n/* Controls Visibility */\r\n.plex-player.controls-visible .top-controls,\r\n.plex-player.controls-visible .bottom-controls {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateY(0);\r\n}\r\n\r\n.plex-player:not(.controls-visible) .top-controls,\r\n.plex-player:not(.controls-visible) .bottom-controls {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n}\r\n\r\n.plex-player:not(.controls-visible) .top-controls {\r\n    transform: translateY(-100%);\r\n}\r\n\r\n.plex-player:not(.controls-visible) .bottom-controls {\r\n    transform: translateY(100%);\r\n}\r\n\r\n/* Cursor hiding */\r\n.plex-player.hide-cursor {\r\n    cursor: none;\r\n}\r\n\r\n.plex-player.hide-cursor video {\r\n    cursor: none;\r\n}\r\n\r\n/* Loading Spinner */\r\n.loading-spinner {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: var(--plex-z-overlay);\r\n}\r\n\r\n.loading-spinner .spinner {\r\n    width: 60px;\r\n    height: 60px;\r\n    border: 4px solid rgba(255, 255, 255, 0.2);\r\n    border-top-color: var(--plex-primary);\r\n    border-radius: 50%;\r\n    animation: spin 1s linear infinite;\r\n}\r\n\r\n@keyframes spin {\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n/* Big Play Button */\r\n.big-play-btn {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) scale(1);\r\n    width: 80px;\r\n    height: 80px;\r\n    background: var(--plex-primary);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    z-index: var(--plex-z-overlay);\r\n    transition: all var(--plex-transition-normal);\r\n    box-shadow: 0 4px 30px rgba(229, 160, 13, 0.4);\r\n}\r\n\r\n.big-play-btn:hover {\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n    background: var(--plex-primary-hover);\r\n}\r\n\r\n.big-play-btn .material-icons {\r\n    font-size: 48px;\r\n    color: #000;\r\n    margin-left: 4px;\r\n}\r\n\r\n.big-play-btn.hidden {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translate(-50%, -50%) scale(0.8);\r\n}\r\n\r\n/* Gesture Overlay */\r\n.gesture-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    z-index: var(--plex-z-overlay);\r\n    pointer-events: none;\r\n}\r\n\r\n.gesture-left,\r\n.gesture-right {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.gesture-center {\r\n    flex: 1;\r\n}\r\n\r\n.gesture-indicator {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 20px;\r\n    background: rgba(0, 0, 0, 0.7);\r\n    border-radius: var(--plex-radius-lg);\r\n    opacity: 0;\r\n    transform: scale(0.8);\r\n    transition: all var(--plex-transition-fast);\r\n}\r\n\r\n.gesture-indicator.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n}\r\n\r\n.gesture-indicator .material-icons {\r\n    font-size: 48px;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.gesture-indicator .gesture-text {\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n/* Volume/Brightness Indicators */\r\n.volume-indicator,\r\n.brightness-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 24px;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    border-radius: var(--plex-radius-lg);\r\n    z-index: var(--plex-z-overlay);\r\n    transition: opacity var(--plex-transition-fast);\r\n}\r\n\r\n.volume-indicator .material-icons,\r\n.brightness-indicator .material-icons {\r\n    font-size: 36px;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.volume-indicator-bar,\r\n.brightness-indicator-bar {\r\n    width: 120px;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 2px;\r\n    overflow: hidden;\r\n}\r\n\r\n.volume-indicator-fill,\r\n.brightness-indicator-fill {\r\n    height: 100%;\r\n    background: var(--plex-primary);\r\n    border-radius: 2px;\r\n    transition: width var(--plex-transition-fast);\r\n}\r\n\r\n/* Subtitles Container */\r\n.subtitles-container {\r\n    position: absolute;\r\n    bottom: 80px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 80%;\r\n    max-width: 800px;\r\n    text-align: center;\r\n    z-index: var(--plex-z-overlay);\r\n    pointer-events: none;\r\n}\r\n\r\n.subtitle-line {\r\n    display: inline-block;\r\n    padding: 8px 16px;\r\n    margin: 4px 0;\r\n    background: rgba(0, 0, 0, 0.75);\r\n    border-radius: var(--plex-radius-sm);\r\n    font-size: 24px;\r\n    line-height: 1.4;\r\n    color: #fff;\r\n    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n/* Cast Overlay */\r\n.cast-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: var(--plex-bg-darker);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    z-index: var(--plex-z-overlay);\r\n}\r\n\r\n.cast-overlay.hidden {\r\n    display: none;\r\n}\r\n\r\n.cast-overlay-content {\r\n    text-align: center;\r\n    animation: castPulse 2s ease-in-out infinite;\r\n}\r\n\r\n.cast-overlay .cast-icon {\r\n    font-size: 80px;\r\n    color: var(--plex-primary);\r\n    margin-bottom: 24px;\r\n}\r\n\r\n.cast-overlay .cast-title {\r\n    font-size: 18px;\r\n    color: var(--plex-text-secondary);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.cast-overlay .cast-device {\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n    margin-bottom: 16px;\r\n}\r\n\r\n.cast-overlay .cast-video {\r\n    font-size: 16px;\r\n    color: var(--plex-text-secondary);\r\n    max-width: 300px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes castPulse {\r\n    0%, 100% { opacity: 1; }\r\n    50% { opacity: 0.7; }\r\n}\r\n\r\n/* Utility Classes */\r\n.hidden {\r\n    display: none !important;\r\n}\r\n\r\n.visually-hidden {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n}\r\n\r\n/* Toast Notification */\r\n.toast {\r\n    position: absolute;\r\n    bottom: 100px;\r\n    left: 50%;\r\n    transform: translateX(-50%) translateY(20px);\r\n    background: var(--plex-bg-overlay);\r\n    padding: 12px 24px;\r\n    border-radius: var(--plex-radius-md);\r\n    z-index: var(--plex-z-toast);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: all var(--plex-transition-normal);\r\n}\r\n\r\n.toast.show {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(-50%) translateY(0);\r\n}\r\n\r\n.toast-message {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n/* Context Menu */\r\n.context-menu {\r\n    position: fixed;\r\n    min-width: 200px;\r\n    background: var(--plex-bg-dark);\r\n    border: 1px solid var(--plex-border);\r\n    border-radius: var(--plex-radius-md);\r\n    box-shadow: var(--plex-shadow);\r\n    z-index: var(--plex-z-modal);\r\n    overflow: hidden;\r\n}\r\n\r\n.context-menu-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 12px 16px;\r\n    cursor: pointer;\r\n    transition: background var(--plex-transition-fast);\r\n}\r\n\r\n.context-menu-item:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.context-menu-item .material-icons {\r\n    font-size: 20px;\r\n    color: var(--plex-text-secondary);\r\n}\r\n\r\n.context-menu-item span:last-child {\r\n    font-size: 14px;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.context-menu-divider {\r\n    height: 1px;\r\n    background: var(--plex-border);\r\n    margin: 4px 0;\r\n}\r\n\r\n/* Stats Overlay */\r\n.stats-overlay {\r\n    position: absolute;\r\n    top: 80px;\r\n    left: 20px;\r\n    width: 280px;\r\n    background: var(--plex-bg-overlay);\r\n    border-radius: var(--plex-radius-md);\r\n    z-index: var(--plex-z-panel);\r\n    overflow: hidden;\r\n}\r\n\r\n.stats-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 12px 16px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border-bottom: 1px solid var(--plex-border);\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n}\r\n\r\n.stats-content {\r\n    padding: 12px 16px;\r\n}\r\n\r\n.stat-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    padding: 8px 0;\r\n    font-size: 13px;\r\n    border-bottom: 1px solid var(--plex-border);\r\n}\r\n\r\n.stat-item:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.stat-label {\r\n    color: var(--plex-text-secondary);\r\n}\r\n\r\n.stat-value {\r\n    color: var(--plex-text-primary);\r\n    font-weight: 500;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n    .big-play-btn {\r\n        width: 64px;\r\n        height: 64px;\r\n    }\r\n    \r\n    .big-play-btn .material-icons {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .subtitle-line {\r\n        font-size: 18px;\r\n        padding: 6px 12px;\r\n    }\r\n    \r\n    .subtitles-container {\r\n        width: 90%;\r\n        bottom: 70px;\r\n    }\r\n    \r\n    .gesture-indicator .material-icons {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .stats-overlay {\r\n        top: 60px;\r\n        left: 10px;\r\n        width: 240px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .big-play-btn {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n    \r\n    .big-play-btn .material-icons {\r\n        font-size: 32px;\r\n    }\r\n    \r\n    .subtitle-line {\r\n        font-size: 16px;\r\n    }\r\n}\r\n\r\n/* Touch Device Optimizations */\r\n@media (hover: none) and (pointer: coarse) {\r\n    .control-btn {\r\n        min-width: 44px;\r\n        min-height: 44px;\r\n    }\r\n    \r\n    .volume-slider-container {\r\n        display: none;\r\n    }\r\n}\r\n\r\n/* Animations */\r\n@keyframes fadeIn {\r\n    from {\r\n        opacity: 0;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@keyframes slideUp {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% {\r\n        transform: translate(-50%, -50%) scale(1);\r\n    }\r\n    50% {\r\n        transform: translate(-50%, -50%) scale(1.05);\r\n    }\r\n}\r\n","/* =====================================================\r\n   PLEX Video Player - Controls Styles (NPM Package)\r\n   ===================================================== */\r\n\r\n/* Video Element */\r\n.plex-video {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    background: #000;\r\n}\r\n\r\n/* Controls Container */\r\n.plex-controls {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 0 16px 16px;\r\n    background: var(--plex-gradient);\r\n    z-index: var(--plex-z-controls);\r\n    transition: opacity var(--plex-transition-normal), visibility var(--plex-transition-normal);\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.plex-player:not(.plex-controls-visible) .plex-controls {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n}\r\n\r\n/* Progress Container */\r\n.plex-progress-container {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 24px;\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    padding: 8px 0;\r\n}\r\n\r\n.plex-progress-bar {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 2px;\r\n    overflow: visible;\r\n    transition: height var(--plex-transition-fast);\r\n}\r\n\r\n.plex-progress-container:hover .plex-progress-bar {\r\n    height: 6px;\r\n}\r\n\r\n.plex-progress-buffered {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.35);\r\n    border-radius: 2px;\r\n    pointer-events: none;\r\n    width: 0;\r\n}\r\n\r\n.plex-progress-played {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    background: var(--plex-primary);\r\n    border-radius: 2px;\r\n    pointer-events: none;\r\n    width: 0;\r\n}\r\n\r\n.plex-progress-handle {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 0;\r\n    width: 14px;\r\n    height: 14px;\r\n    background: var(--plex-primary);\r\n    border-radius: 50%;\r\n    transform: translate(-50%, -50%) scale(0);\r\n    transition: transform var(--plex-transition-fast);\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);\r\n    pointer-events: none;\r\n}\r\n\r\n.plex-progress-container:hover .plex-progress-handle {\r\n    transform: translate(-50%, -50%) scale(1);\r\n}\r\n\r\n/* Progress Preview */\r\n.plex-progress-preview {\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 0;\r\n    margin-bottom: 8px;\r\n    padding: 6px 10px;\r\n    background: var(--plex-bg-dark);\r\n    border-radius: var(--plex-radius-sm);\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(-50%);\r\n    transition: opacity var(--plex-transition-fast);\r\n    pointer-events: none;\r\n    z-index: 50;\r\n}\r\n\r\n.plex-progress-container:hover .plex-progress-preview {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n.plex-preview-time {\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n    white-space: nowrap;\r\n}\r\n\r\n/* Controls Bar */\r\n.plex-controls-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-top: 8px;\r\n}\r\n\r\n.plex-controls-left,\r\n.plex-controls-right {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n\r\n/* Control Button */\r\n.plex-btn {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: var(--plex-radius-sm);\r\n    cursor: pointer;\r\n    transition: all var(--plex-transition-fast);\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.plex-btn:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.plex-btn:active {\r\n    transform: scale(0.95);\r\n}\r\n\r\n.plex-btn svg {\r\n    width: 24px;\r\n    height: 24px;\r\n    fill: currentColor;\r\n}\r\n\r\n.plex-btn:focus-visible {\r\n    outline: 2px solid var(--plex-primary);\r\n    outline-offset: 2px;\r\n}\r\n\r\n/* Play Button States */\r\n.plex-player.plex-playing .plex-play-btn .plex-icon-play {\r\n    display: none;\r\n}\r\n\r\n.plex-player.plex-playing .plex-play-btn .plex-icon-pause {\r\n    display: block;\r\n}\r\n\r\n.plex-player:not(.plex-playing) .plex-play-btn .plex-icon-play {\r\n    display: block;\r\n}\r\n\r\n.plex-player:not(.plex-playing) .plex-play-btn .plex-icon-pause {\r\n    display: none;\r\n}\r\n\r\n/* Volume Container */\r\n.plex-volume-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n\r\n.plex-volume-slider {\r\n    position: relative;\r\n    width: 0;\r\n    overflow: hidden;\r\n    transition: width var(--plex-transition-normal);\r\n}\r\n\r\n.plex-volume-container:hover .plex-volume-slider {\r\n    width: 80px;\r\n}\r\n\r\n.plex-volume-track {\r\n    position: relative;\r\n    width: 80px;\r\n    height: 4px;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 2px;\r\n    cursor: pointer;\r\n}\r\n\r\n.plex-volume-level {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 100%;\r\n    background: var(--plex-primary);\r\n    border-radius: 2px;\r\n    pointer-events: none;\r\n    width: 100%;\r\n}\r\n\r\n.plex-volume-handle {\r\n    position: absolute;\r\n    top: 50%;\r\n    right: 0;\r\n    width: 12px;\r\n    height: 12px;\r\n    background: var(--plex-primary);\r\n    border-radius: 50%;\r\n    transform: translateY(-50%);\r\n    cursor: pointer;\r\n    opacity: 0;\r\n    transition: opacity var(--plex-transition-fast);\r\n}\r\n\r\n.plex-volume-container:hover .plex-volume-handle {\r\n    opacity: 1;\r\n}\r\n\r\n/* Volume Button States */\r\n.plex-player.plex-muted .plex-icon-volume-high,\r\n.plex-player.plex-muted .plex-icon-volume-low {\r\n    display: none;\r\n}\r\n\r\n.plex-player.plex-muted .plex-icon-volume-mute {\r\n    display: block;\r\n}\r\n\r\n.plex-player:not(.plex-muted) .plex-icon-volume-mute {\r\n    display: none;\r\n}\r\n\r\n.plex-player:not(.plex-muted) .plex-icon-volume-high {\r\n    display: block;\r\n}\r\n\r\n.plex-player:not(.plex-muted) .plex-icon-volume-low {\r\n    display: none;\r\n}\r\n\r\n/* Time Display */\r\n.plex-time {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    margin-left: 8px;\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.plex-time-current,\r\n.plex-time-duration {\r\n    font-variant-numeric: tabular-nums;\r\n}\r\n\r\n.plex-time-separator {\r\n    color: var(--plex-text-secondary);\r\n}\r\n\r\n/* Fullscreen Button States */\r\n.plex-player.plex-fullscreen .plex-icon-fullscreen {\r\n    display: none;\r\n}\r\n\r\n.plex-player.plex-fullscreen .plex-icon-fullscreen-exit {\r\n    display: block;\r\n}\r\n\r\n.plex-player:not(.plex-fullscreen) .plex-icon-fullscreen {\r\n    display: block;\r\n}\r\n\r\n.plex-player:not(.plex-fullscreen) .plex-icon-fullscreen-exit {\r\n    display: none;\r\n}\r\n\r\n/* Big Play Button */\r\n.plex-big-play {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%) scale(1);\r\n    width: 72px;\r\n    height: 72px;\r\n    background: var(--plex-primary);\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    z-index: var(--plex-z-overlay);\r\n    transition: all var(--plex-transition-normal);\r\n    box-shadow: 0 4px 30px rgba(229, 160, 13, 0.4);\r\n}\r\n\r\n.plex-big-play:hover {\r\n    transform: translate(-50%, -50%) scale(1.1);\r\n    background: var(--plex-primary-hover);\r\n}\r\n\r\n.plex-big-play svg {\r\n    width: 40px;\r\n    height: 40px;\r\n    fill: #000;\r\n    margin-left: 4px;\r\n}\r\n\r\n.plex-player.plex-playing .plex-big-play {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translate(-50%, -50%) scale(0.8);\r\n}\r\n\r\n/* Loader */\r\n.plex-loader {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    z-index: var(--plex-z-overlay);\r\n    display: none;\r\n}\r\n\r\n.plex-player.plex-loading .plex-loader {\r\n    display: block;\r\n}\r\n\r\n.plex-player.plex-loading .plex-big-play {\r\n    display: none;\r\n}\r\n\r\n.plex-spinner {\r\n    width: 48px;\r\n    height: 48px;\r\n    border: 4px solid rgba(255, 255, 255, 0.2);\r\n    border-top-color: var(--plex-primary);\r\n    border-radius: 50%;\r\n    animation: plex-spin 1s linear infinite;\r\n}\r\n\r\n@keyframes plex-spin {\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n    .plex-controls {\r\n        padding: 0 12px 12px;\r\n    }\r\n    \r\n    .plex-btn {\r\n        width: 36px;\r\n        height: 36px;\r\n    }\r\n    \r\n    .plex-btn svg {\r\n        width: 22px;\r\n        height: 22px;\r\n    }\r\n    \r\n    .plex-time {\r\n        font-size: 12px;\r\n    }\r\n    \r\n    .plex-big-play {\r\n        width: 60px;\r\n        height: 60px;\r\n    }\r\n    \r\n    .plex-big-play svg {\r\n        width: 32px;\r\n        height: 32px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .plex-controls-left,\r\n    .plex-controls-right {\r\n        gap: 0;\r\n    }\r\n    \r\n    .plex-btn {\r\n        width: 32px;\r\n        height: 32px;\r\n    }\r\n    \r\n    .plex-btn svg {\r\n        width: 20px;\r\n        height: 20px;\r\n    }\r\n    \r\n    .plex-prev-btn,\r\n    .plex-next-btn,\r\n    .plex-cast-btn {\r\n        display: none;\r\n    }\r\n    \r\n    .plex-big-play {\r\n        width: 56px;\r\n        height: 56px;\r\n    }\r\n    \r\n    .plex-big-play svg {\r\n        width: 28px;\r\n        height: 28px;\r\n    }\r\n}\r\n\r\n/* Controls Visibility */\r\n.plex-player.plex-controls-visible .plex-controls {\r\n    opacity: 1;\r\n    visibility: visible;\r\n}\r\n\r\n/* Cursor hiding when controls hidden */\r\n.plex-player:not(.plex-controls-visible) {\r\n    cursor: none;\r\n}\r\n\r\n.plex-player:not(.plex-controls-visible) .plex-video {\r\n    cursor: none;\r\n}\r\n","/* =====================================================\r\n   PLEX Video Player - Playlist Styles\r\n   ===================================================== */\r\n\r\n/* Playlist Panel */\r\n.playlist-panel {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    width: 360px;\r\n    height: 100%;\r\n    background: var(--plex-bg-dark);\r\n    border-left: 1px solid var(--plex-border);\r\n    z-index: var(--plex-z-panel);\r\n    display: flex;\r\n    flex-direction: column;\r\n    transform: translateX(100%);\r\n    transition: transform var(--plex-transition-normal);\r\n}\r\n\r\n.playlist-panel.visible {\r\n    transform: translateX(0);\r\n}\r\n\r\n/* Playlist Header */\r\n.playlist-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 16px 20px;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border-bottom: 1px solid var(--plex-border);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.playlist-title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.playlist-header-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n\r\n/* Playlist Content */\r\n.playlist-content {\r\n    flex: 1;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n    padding: 12px;\r\n}\r\n\r\n.playlist-content::-webkit-scrollbar {\r\n    width: 6px;\r\n}\r\n\r\n.playlist-content::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n\r\n.playlist-content::-webkit-scrollbar-thumb {\r\n    background: rgba(255, 255, 255, 0.2);\r\n    border-radius: 3px;\r\n}\r\n\r\n.playlist-content::-webkit-scrollbar-thumb:hover {\r\n    background: rgba(255, 255, 255, 0.3);\r\n}\r\n\r\n/* Playlist Empty State */\r\n.playlist-empty {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 100%;\r\n    padding: 40px;\r\n    text-align: center;\r\n}\r\n\r\n.playlist-empty .material-icons {\r\n    font-size: 64px;\r\n    color: var(--plex-text-secondary);\r\n    margin-bottom: 16px;\r\n    opacity: 0.5;\r\n}\r\n\r\n.playlist-empty-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n    margin-bottom: 8px;\r\n}\r\n\r\n.playlist-empty-text {\r\n    font-size: 14px;\r\n    color: var(--plex-text-secondary);\r\n    line-height: 1.5;\r\n}\r\n\r\n/* Playlist Item */\r\n.playlist-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 10px 12px;\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border-radius: var(--plex-radius-md);\r\n    cursor: pointer;\r\n    transition: all var(--plex-transition-fast);\r\n    margin-bottom: 8px;\r\n    position: relative;\r\n}\r\n\r\n.playlist-item:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.playlist-item.active {\r\n    background: rgba(229, 160, 13, 0.15);\r\n    border: 1px solid rgba(229, 160, 13, 0.3);\r\n}\r\n\r\n.playlist-item.playing {\r\n    background: rgba(229, 160, 13, 0.2);\r\n}\r\n\r\n.playlist-item.dragging {\r\n    opacity: 0.5;\r\n    transform: scale(0.98);\r\n}\r\n\r\n/* Playlist Item Thumbnail */\r\n.playlist-item-thumbnail {\r\n    position: relative;\r\n    width: 100px;\r\n    height: 56px;\r\n    background: var(--plex-bg-darker);\r\n    border-radius: var(--plex-radius-sm);\r\n    overflow: hidden;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.playlist-item-thumbnail img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n.playlist-item-thumbnail .placeholder-icon {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 32px;\r\n    color: var(--plex-text-secondary);\r\n    opacity: 0.5;\r\n}\r\n\r\n.playlist-item-duration {\r\n    position: absolute;\r\n    bottom: 4px;\r\n    right: 4px;\r\n    padding: 2px 6px;\r\n    background: rgba(0, 0, 0, 0.8);\r\n    border-radius: 3px;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n/* Playing Indicator */\r\n.playlist-item-playing-indicator {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    display: none;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    gap: 2px;\r\n    width: 24px;\r\n    height: 20px;\r\n}\r\n\r\n.playlist-item.playing .playlist-item-playing-indicator {\r\n    display: flex;\r\n}\r\n\r\n.playlist-item-playing-indicator span {\r\n    width: 4px;\r\n    background: var(--plex-primary);\r\n    border-radius: 1px;\r\n    animation: equalizer 0.5s ease-in-out infinite alternate;\r\n}\r\n\r\n.playlist-item-playing-indicator span:nth-child(1) {\r\n    height: 60%;\r\n    animation-delay: 0s;\r\n}\r\n\r\n.playlist-item-playing-indicator span:nth-child(2) {\r\n    height: 100%;\r\n    animation-delay: 0.15s;\r\n}\r\n\r\n.playlist-item-playing-indicator span:nth-child(3) {\r\n    height: 40%;\r\n    animation-delay: 0.3s;\r\n}\r\n\r\n@keyframes equalizer {\r\n    from {\r\n        transform: scaleY(0.5);\r\n    }\r\n    to {\r\n        transform: scaleY(1);\r\n    }\r\n}\r\n\r\n/* Playlist Item Info */\r\n.playlist-item-info {\r\n    flex: 1;\r\n    min-width: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 4px;\r\n}\r\n\r\n.playlist-item-title {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: var(--plex-text-primary);\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.playlist-item-meta {\r\n    font-size: 12px;\r\n    color: var(--plex-text-secondary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n/* Playlist Item Actions */\r\n.playlist-item-actions {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    opacity: 0;\r\n    transition: opacity var(--plex-transition-fast);\r\n}\r\n\r\n.playlist-item:hover .playlist-item-actions {\r\n    opacity: 1;\r\n}\r\n\r\n.playlist-item-action {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: var(--plex-radius-sm);\r\n    cursor: pointer;\r\n    color: var(--plex-text-secondary);\r\n    transition: all var(--plex-transition-fast);\r\n}\r\n\r\n.playlist-item-action:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.playlist-item-action .material-icons {\r\n    font-size: 18px;\r\n}\r\n\r\n/* Drag Handle */\r\n.playlist-item-drag-handle {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 20px;\r\n    cursor: grab;\r\n    color: var(--plex-text-secondary);\r\n    opacity: 0;\r\n    transition: opacity var(--plex-transition-fast);\r\n}\r\n\r\n.playlist-item:hover .playlist-item-drag-handle {\r\n    opacity: 1;\r\n}\r\n\r\n.playlist-item-drag-handle:active {\r\n    cursor: grabbing;\r\n}\r\n\r\n.playlist-item-drag-handle .material-icons {\r\n    font-size: 18px;\r\n}\r\n\r\n/* Playlist Footer */\r\n.playlist-footer {\r\n    padding: 16px;\r\n    border-top: 1px solid var(--plex-border);\r\n    flex-shrink: 0;\r\n}\r\n\r\n.playlist-add-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n    width: 100%;\r\n    padding: 12px;\r\n    background: rgba(255, 255, 255, 0.05);\r\n    border: 2px dashed var(--plex-border);\r\n    border-radius: var(--plex-radius-md);\r\n    color: var(--plex-text-secondary);\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all var(--plex-transition-fast);\r\n}\r\n\r\n.playlist-add-btn:hover {\r\n    background: rgba(255, 255, 255, 0.08);\r\n    border-color: var(--plex-primary);\r\n    color: var(--plex-primary);\r\n}\r\n\r\n.playlist-add-btn .material-icons {\r\n    font-size: 20px;\r\n}\r\n\r\n/* Playlist Stats */\r\n.playlist-stats {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 12px 16px;\r\n    background: rgba(0, 0, 0, 0.3);\r\n    border-top: 1px solid var(--plex-border);\r\n    font-size: 12px;\r\n    color: var(--plex-text-secondary);\r\n}\r\n\r\n/* Queue Next Indicator */\r\n.playlist-item-queue-next {\r\n    position: absolute;\r\n    top: 4px;\r\n    left: 4px;\r\n    padding: 2px 6px;\r\n    background: var(--plex-primary);\r\n    border-radius: 3px;\r\n    font-size: 9px;\r\n    font-weight: 700;\r\n    color: #000;\r\n    text-transform: uppercase;\r\n}\r\n\r\n/* Responsive Playlist */\r\n@media (max-width: 768px) {\r\n    .playlist-panel {\r\n        width: 100%;\r\n        max-width: 100%;\r\n    }\r\n    \r\n    .playlist-item-thumbnail {\r\n        width: 80px;\r\n        height: 45px;\r\n    }\r\n    \r\n    .playlist-item-title {\r\n        font-size: 13px;\r\n    }\r\n    \r\n    .playlist-item-actions {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .playlist-header {\r\n        padding: 12px 16px;\r\n    }\r\n    \r\n    .playlist-content {\r\n        padding: 8px;\r\n    }\r\n    \r\n    .playlist-item {\r\n        padding: 8px;\r\n        gap: 10px;\r\n    }\r\n    \r\n    .playlist-item-thumbnail {\r\n        width: 70px;\r\n        height: 40px;\r\n    }\r\n    \r\n    .playlist-item-drag-handle {\r\n        display: none;\r\n    }\r\n}\r\n\r\n/* Drag and Drop States */\r\n.playlist-content.drag-over {\r\n    background: rgba(229, 160, 13, 0.05);\r\n}\r\n\r\n.playlist-item.drop-target-above::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -4px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: var(--plex-primary);\r\n    border-radius: 1px;\r\n}\r\n\r\n.playlist-item.drop-target-below::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -4px;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: var(--plex-primary);\r\n    border-radius: 1px;\r\n}\r\n","/* =====================================================\r\n   PLEX Video Player - Settings Styles (NPM Package)\r\n   ===================================================== */\r\n\r\n/* Settings Panel */\r\n.plex-settings-panel {\r\n    position: absolute;\r\n    bottom: 80px;\r\n    right: 16px;\r\n    width: 280px;\r\n    max-height: 400px;\r\n    background: var(--plex-bg-dark);\r\n    border: 1px solid var(--plex-border);\r\n    border-radius: var(--plex-radius-lg);\r\n    box-shadow: var(--plex-shadow);\r\n    z-index: var(--plex-z-panel);\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: scale(0.95) translateY(10px);\r\n    transform-origin: bottom right;\r\n    transition: all var(--plex-transition-fast);\r\n}\r\n\r\n.plex-settings-panel.plex-settings-open {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: scale(1) translateY(0);\r\n}\r\n\r\n/* Settings Header */\r\n.plex-settings-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 12px 16px;\r\n    background: rgba(255, 255, 255, 0.03);\r\n    border-bottom: 1px solid var(--plex-border);\r\n}\r\n\r\n.plex-settings-title {\r\n    font-size: 15px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.plex-settings-close {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 28px;\r\n    height: 28px;\r\n    padding: 0;\r\n    background: transparent;\r\n    border: none;\r\n    border-radius: var(--plex-radius-sm);\r\n    cursor: pointer;\r\n    color: var(--plex-text-secondary);\r\n    transition: all var(--plex-transition-fast);\r\n}\r\n\r\n.plex-settings-close:hover {\r\n    background: rgba(255, 255, 255, 0.1);\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.plex-settings-close svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n}\r\n\r\n/* Settings Content */\r\n.plex-settings-content {\r\n    padding: 8px 0;\r\n}\r\n\r\n/* Settings Item */\r\n.plex-settings-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 12px 16px;\r\n    cursor: pointer;\r\n    transition: background var(--plex-transition-fast);\r\n}\r\n\r\n.plex-settings-item:hover {\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.plex-settings-label {\r\n    font-size: 14px;\r\n    color: var(--plex-text-primary);\r\n}\r\n\r\n.plex-settings-value {\r\n    font-size: 13px;\r\n    color: var(--plex-text-secondary);\r\n}\r\n\r\n/* Settings Submenu */\r\n.plex-settings-submenu {\r\n    padding: 8px 0;\r\n}\r\n\r\n.plex-settings-back {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    padding: 12px 16px;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    color: var(--plex-text-primary);\r\n    cursor: pointer;\r\n    border-bottom: 1px solid var(--plex-border);\r\n    transition: background var(--plex-transition-fast);\r\n}\r\n\r\n.plex-settings-back:hover {\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.plex-settings-back svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    fill: currentColor;\r\n}\r\n\r\n/* Speed Options */\r\n.plex-speed-options {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 8px 0;\r\n}\r\n\r\n.plex-speed-option {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 10px 16px;\r\n    background: transparent;\r\n    border: none;\r\n    font-size: 14px;\r\n    color: var(--plex-text-primary);\r\n    cursor: pointer;\r\n    transition: all var(--plex-transition-fast);\r\n}\r\n\r\n.plex-speed-option:hover {\r\n    background: rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.plex-speed-option.active {\r\n    color: var(--plex-primary);\r\n    font-weight: 600;\r\n}\r\n\r\n.plex-speed-option.active::before {\r\n    content: '✓';\r\n    margin-right: 8px;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 480px) {\r\n    .plex-settings-panel {\r\n        width: calc(100% - 32px);\r\n        left: 16px;\r\n        right: 16px;\r\n    }\r\n}\r\n"]}

package/dist/plex-player.d.ts

@@ -1,457 +0,0 @@
-/**
- * @frameset/plex-player - TypeScript Definitions
- * Professional Video Player by FRAMESET Studio
- * https://frameset.dev
- */
-
-declare module '@frameset/plex-player' {
-  export interface PlexPlayerOptions {
-    /** Container element or selector */
-    container: HTMLElement | string;
-    /** Auto-play video on load */
-    autoplay?: boolean;
-    /** Mute video on load */
-    muted?: boolean;
-    /** Loop video playback */
-    loop?: boolean;
-    /** Initial volume (0-1) */
-    volume?: number;
-    /** Playback rate (0.25-2) */
-    playbackRate?: number;
-    /** Poster image URL */
-    poster?: string;
-    /** Preload strategy */
-    preload?: 'none' | 'metadata' | 'auto';
-    /** Enable keyboard controls */
-    keyboard?: boolean;
-    /** Enable touch gestures */
-    touch?: boolean;
-    /** Enable Picture-in-Picture */
-    pip?: boolean;
-    /** Enable Chromecast */
-    cast?: boolean;
-    /** Enable fullscreen */
-    fullscreen?: boolean;
-    /** Controls auto-hide delay (ms) */
-    controlsHideDelay?: number;
-    /** Custom theme colors */
-    theme?: PlexTheme;
-    /** Subtitle options */
-    subtitles?: SubtitleOptions;
-    /** Ads configuration */
-    ads?: AdsOptions;
-    /** Playlist configuration */
-    playlist?: PlaylistOptions;
-    /** Localization */
-    i18n?: I18nOptions;
-  }
-
-  export interface PlexTheme {
-    /** Primary accent color */
-    primary?: string;
-    /** Primary hover color */
-    primaryHover?: string;
-    /** Background color */
-    background?: string;
-    /** Text primary color */
-    textPrimary?: string;
-    /** Text secondary color */
-    textSecondary?: string;
-    /** Border radius */
-    borderRadius?: string;
-  }
-
-  export interface SubtitleOptions {
-    /** Default font size (px) */
-    fontSize?: number;
-    /** Default font family */
-    fontFamily?: string;
-    /** Default text color */
-    color?: string;
-    /** Default background color */
-    background?: string;
-    /** Default position ('bottom' | 'top') */
-    position?: 'bottom' | 'top';
-  }
-
-  export interface AdsOptions {
-    /** Enable ads */
-    enabled?: boolean;
-    /** Skip delay (seconds) */
-    skipDelay?: number;
-    /** Show skip button */
-    showSkip?: boolean;
-    /** VAST timeout (ms) */
-    vastTimeout?: number;
-    /** Max VAST wrapper depth */
-    maxWrapperDepth?: number;
-    /** Preroll VAST URL */
-    preroll?: string;
-    /** Postroll VAST URL */
-    postroll?: string;
-    /** Midroll configuration */
-    midrolls?: MidrollConfig[];
-  }
-
-  export interface MidrollConfig {
-    /** Time in seconds */
-    time: number;
-    /** VAST URL */
-    vastUrl: string;
-  }
-
-  export interface PlaylistOptions {
-    /** Enable autoplay next */
-    autoplayNext?: boolean;
-    /** Shuffle by default */
-    shuffle?: boolean;
-    /** Repeat mode */
-    repeat?: 'none' | 'one' | 'all';
-  }
-
-  export interface I18nOptions {
-    play?: string;
-    pause?: string;
-    mute?: string;
-    unmute?: string;
-    fullscreen?: string;
-    exitFullscreen?: string;
-    pip?: string;
-    settings?: string;
-    subtitles?: string;
-    speed?: string;
-    quality?: string;
-    playlist?: string;
-    advertisement?: string;
-    skipAd?: string;
-    learnMore?: string;
-  }
-
-  export interface VideoSource {
-    /** Video URL */
-    src: string;
-    /** MIME type */
-    type?: string;
-    /** Quality label */
-    label?: string;
-    /** Resolution */
-    resolution?: number;
-  }
-
-  export interface PlaylistItem {
-    /** Unique ID */
-    id?: string;
-    /** Video URL or sources */
-    src: string | VideoSource[];
-    /** Video title */
-    title?: string;
-    /** Video poster/thumbnail */
-    poster?: string;
-    /** Video duration (seconds) */
-    duration?: number;
-    /** Subtitles */
-    subtitles?: SubtitleTrack[];
-    /** Custom metadata */
-    metadata?: Record<string, unknown>;
-  }
-
-  export interface SubtitleTrack {
-    /** Subtitle URL */
-    src: string;
-    /** Language code */
-    lang: string;
-    /** Display label */
-    label: string;
-    /** Is default */
-    default?: boolean;
-  }
-
-  export interface PlayerState {
-    /** Is playing */
-    playing: boolean;
-    /** Is paused */
-    paused: boolean;
-    /** Is ended */
-    ended: boolean;
-    /** Is seeking */
-    seeking: boolean;
-    /** Is buffering/waiting */
-    waiting: boolean;
-    /** Is muted */
-    muted: boolean;
-    /** Current volume (0-1) */
-    volume: number;
-    /** Current time (seconds) */
-    currentTime: number;
-    /** Duration (seconds) */
-    duration: number;
-    /** Buffered percentage (0-100) */
-    buffered: number;
-    /** Progress percentage (0-100) */
-    progress: number;
-    /** Playback rate */
-    playbackRate: number;
-    /** Is fullscreen */
-    fullscreen: boolean;
-    /** Is in PiP mode */
-    pip: boolean;
-    /** Is casting */
-    casting: boolean;
-    /** Current quality */
-    quality: string | null;
-    /** Current subtitle */
-    subtitle: string | null;
-  }
-
-  export type PlayerEvent =
-    | 'play'
-    | 'pause'
-    | 'ended'
-    | 'timeupdate'
-    | 'progress'
-    | 'seeking'
-    | 'seeked'
-    | 'volumechange'
-    | 'ratechange'
-    | 'loadstart'
-    | 'loadedmetadata'
-    | 'loadeddata'
-    | 'canplay'
-    | 'canplaythrough'
-    | 'waiting'
-    | 'playing'
-    | 'error'
-    | 'fullscreenchange'
-    | 'pipchange'
-    | 'castchange'
-    | 'qualitychange'
-    | 'subtitlechange'
-    | 'playlistchange'
-    | 'adstart'
-    | 'adend'
-    | 'adskip'
-    | 'aderror'
-    | 'destroy';
-
-  export type PlayerEventCallback<T = unknown> = (data: T) => void;
-
-  export class PlexPlayer {
-    /** Player version */
-    static readonly version: string;
-
-    /** Create player instance */
-    constructor(options: PlexPlayerOptions);
-
-    /** Load video source */
-    load(source: string | VideoSource | VideoSource[]): Promise<void>;
-
-    /** Load playlist */
-    loadPlaylist(items: PlaylistItem[]): void;
-
-    /** Play video */
-    play(): Promise<void>;
-
-    /** Pause video */
-    pause(): void;
-
-    /** Toggle play/pause */
-    togglePlay(): void;
-
-    /** Stop playback */
-    stop(): void;
-
-    /** Seek to time (seconds) */
-    seek(time: number): void;
-
-    /** Seek to percentage (0-100) */
-    seekPercent(percent: number): void;
-
-    /** Set volume (0-1) */
-    setVolume(volume: number): void;
-
-    /** Get current volume */
-    getVolume(): number;
-
-    /** Mute */
-    mute(): void;
-
-    /** Unmute */
-    unmute(): void;
-
-    /** Toggle mute */
-    toggleMute(): void;
-
-    /** Is muted */
-    isMuted(): boolean;
-
-    /** Set playback rate */
-    setPlaybackRate(rate: number): void;
-
-    /** Get playback rate */
-    getPlaybackRate(): number;
-
-    /** Enter fullscreen */
-    enterFullscreen(): Promise<void>;
-
-    /** Exit fullscreen */
-    exitFullscreen(): Promise<void>;
-
-    /** Toggle fullscreen */
-    toggleFullscreen(): void;
-
-    /** Is fullscreen */
-    isFullscreen(): boolean;
-
-    /** Enter Picture-in-Picture */
-    enterPiP(): Promise<void>;
-
-    /** Exit Picture-in-Picture */
-    exitPiP(): Promise<void>;
-
-    /** Toggle Picture-in-Picture */
-    togglePiP(): void;
-
-    /** Is in PiP mode */
-    isPiP(): boolean;
-
-    /** Start casting */
-    cast(): Promise<void>;
-
-    /** Stop casting */
-    stopCast(): void;
-
-    /** Is casting */
-    isCasting(): boolean;
-
-    /** Get cast device name */
-    getCastDeviceName(): string | null;
-
-    /** Add subtitle track */
-    addSubtitle(track: SubtitleTrack): void;
-
-    /** Set active subtitle */
-    setSubtitle(index: number | null): void;
-
-    /** Get subtitles list */
-    getSubtitles(): SubtitleTrack[];
-
-    /** Set quality */
-    setQuality(index: number): void;
-
-    /** Get qualities list */
-    getQualities(): VideoSource[];
-
-    /** Play VAST ad */
-    playAd(vastUrl: string): Promise<void>;
-
-    /** Schedule preroll ad */
-    schedulePreroll(vastUrl: string): void;
-
-    /** Schedule midroll ad */
-    scheduleMidroll(time: number, vastUrl: string): void;
-
-    /** Schedule postroll ad */
-    schedulePostroll(vastUrl: string): void;
-
-    /** Skip current ad */
-    skipAd(): void;
-
-    /** Is ad playing */
-    isAdPlaying(): boolean;
-
-    /** Playlist: play next */
-    next(): void;
-
-    /** Playlist: play previous */
-    previous(): void;
-
-    /** Playlist: play by index */
-    playAt(index: number): void;
-
-    /** Playlist: toggle shuffle */
-    toggleShuffle(): void;
-
-    /** Playlist: set repeat mode */
-    setRepeat(mode: 'none' | 'one' | 'all'): void;
-
-    /** Playlist: get current index */
-    getCurrentIndex(): number;
-
-    /** Playlist: get items */
-    getPlaylist(): PlaylistItem[];
-
-    /** Get current player state */
-    getState(): PlayerState;
-
-    /** Get video element */
-    getVideoElement(): HTMLVideoElement;
-
-    /** Get container element */
-    getContainer(): HTMLElement;
-
-    /** Add event listener */
-    on<T = unknown>(event: PlayerEvent, callback: PlayerEventCallback<T>): void;
-
-    /** Remove event listener */
-    off<T = unknown>(event: PlayerEvent, callback: PlayerEventCallback<T>): void;
-
-    /** Add one-time event listener */
-    once<T = unknown>(event: PlayerEvent, callback: PlayerEventCallback<T>): void;
-
-    /** Destroy player instance */
-    destroy(): void;
-  }
-
-  export default PlexPlayer;
-}
-
-declare module '@frameset/plex-player/react' {
-  import { FC, RefObject } from 'react';
-  import { PlexPlayer, PlexPlayerOptions, PlaylistItem, PlayerEvent, PlayerEventCallback } from '@frameset/plex-player';
-
-  export interface PlexPlayerProps extends Omit<PlexPlayerOptions, 'container'> {
-    /** Video source URL */
-    src?: string;
-    /** Playlist items */
-    playlist?: PlaylistItem[];
-    /** CSS class name */
-    className?: string;
-    /** Inline styles */
-    style?: React.CSSProperties;
-    /** Player ref */
-    playerRef?: RefObject<PlexPlayer | null>;
-    /** Event callbacks */
-    onPlay?: () => void;
-    onPause?: () => void;
-    onEnded?: () => void;
-    onTimeUpdate?: (time: number) => void;
-    onProgress?: (buffered: number) => void;
-    onVolumeChange?: (volume: number, muted: boolean) => void;
-    onFullscreenChange?: (isFullscreen: boolean) => void;
-    onError?: (error: Error) => void;
-    onReady?: (player: PlexPlayer) => void;
-  }
-
-  export const PlexPlayerReact: FC<PlexPlayerProps>;
-  export const usePlexPlayer: () => PlexPlayer | null;
-  export default PlexPlayerReact;
-}
-
-declare module '@frameset/plex-player/vue' {
-  import { DefineComponent, Ref } from 'vue';
-  import { PlexPlayer, PlexPlayerOptions, PlaylistItem } from '@frameset/plex-player';
-
-  export interface PlexPlayerVueProps extends Omit<PlexPlayerOptions, 'container'> {
-    src?: string;
-    playlist?: PlaylistItem[];
-  }
-
-  export const PlexPlayerVue: DefineComponent<PlexPlayerVueProps>;
-  export const usePlexPlayer: () => Ref<PlexPlayer | null>;
-  export default PlexPlayerVue;
-}
-
-declare module '@frameset/plex-player/css' {
-  const css: string;
-  export default css;
-}