suada-components 1.11.2 → 1.13.1

package/dist/components/Tooltip/CustomTooltip.stories.js

@@ -1,27 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CustomTooltip } from './CustomTooltip';
-export default {
-    title: 'Components/Tooltip',
-    component: CustomTooltip,
-    decorators: [
-        function (Story) { return (_jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center', height: '100vh' }, children: _jsx(Story, {}) })); },
-    ],
-};
-var Template = function (args) { return _jsx(CustomTooltip, __assign({}, args)); };
-export var Default = Template.bind({});
-Default.args = {
-    title: 'Hover over me to see the tooltip',
-    children: _jsx("span", { children: "Hover over me" }),
-};
-//# sourceMappingURL=CustomTooltip.stories.js.map

package/dist/components/Tooltip/CustomTooltip.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomTooltip.stories.js","sourceRoot":"","sources":["../../../src/components/Tooltip/CustomTooltip.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,eAAe;IACb,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,aAAa;IACxB,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,cACE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,YAE3F,KAAC,KAAK,KAAG,GACL,CACP,EANQ,CAMR;KACF;CACM,CAAA;AAET,IAAM,QAAQ,GAAkC,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B,CAAA;AAEnF,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,kCAAkC;IACzC,QAAQ,EAAE,2CAA0B;CACrC,CAAA"}

package/dist/components/Tooltip/TooltipHeight.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useRef, useEffect, useState } from 'react';
-import Tooltip from '@mui/material/Tooltip';
-export var TooltipHeight = function (_a) {
-    var text = _a.text, lines = _a.lines;
-    var textElementRef = useRef(null);
-    var _b = useState(false), isOverflowing = _b[0], setIsOverflowing = _b[1];
-    useEffect(function () {
-        var isOverflow = textElementRef.current
-            ? textElementRef.current.scrollHeight > textElementRef.current.clientHeight
-            : false;
-        setIsOverflowing(isOverflow);
-    }, [text]);
-    return isOverflowing ? (_jsx(Tooltip, { title: text, children: _jsx("div", { ref: textElementRef, style: {
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-                display: '-webkit-box',
-                WebkitLineClamp: lines,
-                WebkitBoxOrient: 'vertical',
-            }, children: text }) })) : (_jsx("div", { ref: textElementRef, style: {
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            display: '-webkit-box',
-            WebkitLineClamp: lines,
-            WebkitBoxOrient: 'vertical',
-        }, children: text }));
-};
-//# sourceMappingURL=TooltipHeight.js.map

package/dist/components/Tooltip/TooltipHeight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipHeight.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipHeight.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,OAAO,MAAM,uBAAuB,CAAA;AAG3C,MAAM,CAAC,IAAM,aAAa,GAAqB,UAAC,EAAe;QAAb,IAAI,UAAA,EAAE,KAAK,WAAA;IAC3D,IAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC7C,IAAA,KAAoC,QAAQ,CAAC,KAAK,CAAC,EAAlD,aAAa,QAAA,EAAE,gBAAgB,QAAmB,CAAA;IAEzD,SAAS,CAAC;QACR,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO;YACvC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,YAAY,GAAG,cAAc,CAAC,OAAO,CAAC,YAAY;YAC3E,CAAC,CAAC,KAAK,CAAA;QACT,gBAAgB,CAAC,UAAU,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,OAAO,IAAC,KAAK,EAAE,IAAI,YAClB,cACE,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE;gBACL,QAAQ,EAAE,QAAQ;gBAClB,YAAY,EAAE,UAAU;gBACxB,OAAO,EAAE,aAAa;gBACtB,eAAe,EAAE,KAAK;gBACtB,eAAe,EAAE,UAAU;aAC5B,YAEA,IAAI,GACD,GACE,CACX,CAAC,CAAC,CAAC,CACF,cACE,GAAG,EAAE,cAAc,EACnB,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,UAAU;YACxB,OAAO,EAAE,aAAa;YACtB,eAAe,EAAE,KAAK;YACtB,eAAe,EAAE,UAAU;SAC5B,YAEA,IAAI,GACD,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Tooltip/TooltipHeight.stories.js

@@ -1,30 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TooltipHeight } from './TooltipHeight';
-export default {
-    title: 'Components/Tooltip',
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs', 'add some text in text field'],
-    component: TooltipHeight,
-};
-var Template = function (args) { return _jsx(TooltipHeight, __assign({}, args)); };
-export var DefaultTooltip = Template.bind({});
-DefaultTooltip.args = {
-    children: _jsx("span", { children: " hover over me to see 2 line tooltip sfafas" }),
-    title: 'Tooltip text',
-    text: 'lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua',
-    lines: 1,
-};
-//# sourceMappingURL=TooltipHeight.stories.js.map

package/dist/components/Tooltip/TooltipHeight.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipHeight.stories.js","sourceRoot":"","sources":["../../../src/components/Tooltip/TooltipHeight.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,eAAe;IACb,KAAK,EAAE,oBAAoB;IAE3B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC;IACjD,SAAS,EAAE,aAAa;CACjB,CAAA;AAET,IAAM,QAAQ,GAAY,UAAA,IAAI,IAAI,OAAA,KAAC,aAAa,eAAK,IAAI,EAAI,EAA3B,CAA2B,CAAA;AAE7D,MAAM,CAAC,IAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAC/C,cAAc,CAAC,IAAI,GAAG;IACpB,QAAQ,EAAE,yEAAwD;IAClE,KAAK,EAAE,cAAc;IACrB,IAAI,EAAE,0HAA0H;IAChI,KAAK,EAAE,CAAC;CACT,CAAA"}

package/dist/components/Tooltip/customTooltip.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=customTooltip.interface.js.map

package/dist/components/Tooltip/customTooltip.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customTooltip.interface.js","sourceRoot":"","sources":["../../../src/components/Tooltip/customTooltip.interface.ts"],"names":[],"mappings":""}

package/dist/components/Tooltip/index.js

@@ -1,3 +0,0 @@
-export { TooltipHeight } from './TooltipHeight';
-export { CustomTooltip } from './CustomTooltip';
-//# sourceMappingURL=index.js.map

package/dist/components/Tooltip/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/components/Tooltip/toolTipHeight.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=toolTipHeight.interface.js.map

package/dist/components/Tooltip/toolTipHeight.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"toolTipHeight.interface.js","sourceRoot":"","sources":["../../../src/components/Tooltip/toolTipHeight.interface.ts"],"names":[],"mappings":""}

package/dist/components/VideoPlayer/Controls/Controls.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=Controls.interface.js.map

package/dist/components/VideoPlayer/Controls/Controls.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Controls.interface.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.interface.ts"],"names":[],"mappings":""}

package/dist/components/VideoPlayer/Controls/Controls.js

@@ -1,120 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyledControls, StyledSlider, StyledVolumeWrapper, StyledVolumeSlider, StyledControllerLeft, StyledControllerRight, StyledTimeTrack, StyledHeartIconContainer, StyledSubtitlesIconContainer, StyledFullscreenIconContainer, StyledPictureInPictureIconContainer, StyledVolumeIconContainer, StyledPlayPauseIconContainer, StyledDownloadIconContainer, StyledRewindIconContainer, } from './Controls.styles';
-import { HeartIcon, MaximizeIcon, MinimizeIcon, PauseIcon, PlayIcon, PictureInPictureIcon, RewindIcon, SkipIcon, SubtitlesIcon, VolumeMuteIcon, VolumeUpIcon, DownloadIcon, } from '../../../icons';
-import { CustomTooltip } from '../../Tooltip';
-import PlaybackSpeedMenu from '../PlaybackSpeedMenu';
-var Controls = function (_a) {
-    var setVideoState = _a.setVideoState, playbackRate = _a.playbackRate, rewindHandler = _a.rewindHandler, playPauseHandler = _a.playPauseHandler, handleFastForward = _a.handleFastForward, formatCurrentTime = _a.formatCurrentTime, played = _a.played, onSeekMouseDownHandler = _a.onSeekMouseDownHandler, seekHandler = _a.seekHandler, seekMouseUpHandler = _a.seekMouseUpHandler, volume = _a.volume, muted = _a.muted, muteHandler = _a.muteHandler, volumeChangeHandler = _a.volumeChangeHandler, formatDuration = _a.formatDuration, handleFullScreen = _a.handleFullScreen, handlePictureInPicture = _a.handlePictureInPicture, playing = _a.playing, isSubtitlesChecked = _a.isSubtitlesChecked, toggleSubtitlesCheck = _a.toggleSubtitlesCheck, isFavorite = _a.isFavorite, toggleIsFavorite = _a.toggleIsFavorite, isFullscreen = _a.isFullscreen, isPiPActive = _a.isPiPActive, subtitle = _a.subtitle, handleSkipBackward = _a.handleSkipBackward, handleSkipForward = _a.handleSkipForward, isNextVideo = _a.isNextVideo, isPreviousVideo = _a.isPreviousVideo, showFavorite = _a.showFavorite, showDownload = _a.showDownload, downloadUrl = _a.downloadUrl, downloadFileName = _a.downloadFileName, onDownload = _a.onDownload, _b = _a.showPictureInPicture, showPictureInPicture = _b === void 0 ? true : _b;
-    var handleDownloadClick = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, blob, blobUrl, link, error_1, link;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!onDownload) return [3 /*break*/, 1];
-                    onDownload();
-                    return [3 /*break*/, 6];
-                case 1:
-                    if (!downloadUrl) return [3 /*break*/, 6];
-                    _a.label = 2;
-                case 2:
-                    _a.trys.push([2, 5, , 6]);
-                    return [4 /*yield*/, fetch(downloadUrl)];
-                case 3:
-                    response = _a.sent();
-                    if (!response.ok)
-                        throw new Error('Download failed');
-                    return [4 /*yield*/, response.blob()];
-                case 4:
-                    blob = _a.sent();
-                    blobUrl = window.URL.createObjectURL(blob);
-                    link = document.createElement('a');
-                    link.href = blobUrl;
-                    link.download = downloadFileName || 'video-download';
-                    link.style.display = 'none';
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
-                    // Clean up blob URL
-                    window.URL.revokeObjectURL(blobUrl);
-                    return [3 /*break*/, 6];
-                case 5:
-                    error_1 = _a.sent();
-                    console.error('Download failed:', error_1);
-                    link = document.createElement('a');
-                    link.href = downloadUrl;
-                    link.download = downloadFileName || 'video-download';
-                    link.style.display = 'none';
-                    document.body.appendChild(link);
-                    link.click();
-                    document.body.removeChild(link);
-                    return [3 /*break*/, 6];
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs(StyledControls, { children: [_jsx(StyledSlider, { type: 'range', min: 0, max: 100, value: played * 100, onMouseDown: onSeekMouseDownHandler, onChange: seekHandler, onMouseUp: seekMouseUpHandler }), _jsxs(StyledControllerLeft, { children: [_jsx(CustomTooltip, { title: playing ? 'Pause' : 'Play', children: _jsx(StyledPlayPauseIconContainer, { onClick: playPauseHandler, children: playing ? _jsx(PauseIcon, {}) : _jsx(PlayIcon, {}) }) }), _jsx(CustomTooltip, { title: "Rewind 5 seconds", children: _jsx(StyledRewindIconContainer, { className: "rewind-control", children: _jsx(RewindIcon, { onClick: rewindHandler }) }) }), _jsx(CustomTooltip, { title: "Forward 10 seconds", children: _jsx(StyledRewindIconContainer, { className: "forward-control", children: _jsx(RewindIcon, { forward: true, onClick: handleFastForward }) }) }), _jsxs(StyledVolumeWrapper, { children: [_jsx(CustomTooltip, { title: muted ? 'Unmute' : 'Mute', children: _jsx(StyledVolumeIconContainer, { onClick: muteHandler, children: muted ? _jsx(VolumeMuteIcon, {}) : _jsx(VolumeUpIcon, {}) }) }), _jsx(StyledVolumeSlider, { type: 'range', value: volume * 100, onChange: volumeChangeHandler })] }), _jsxs(StyledTimeTrack, { children: [formatCurrentTime, " /", formatDuration] })] }), _jsxs(StyledControllerRight, { children: [handleSkipBackward && (_jsx(CustomTooltip, { title: "Previous video", children: _jsx(StyledRewindIconContainer, { className: "skip-control", children: _jsx(SkipIcon, { onClick: function () {
-                                    if (!isPreviousVideo)
-                                        return;
-                                    handleSkipBackward();
-                                }, className: isPreviousVideo ? '' : 'skip-icon-disabled' }) }) })), handleSkipForward && (_jsx(CustomTooltip, { title: "Next video", children: _jsx(StyledRewindIconContainer, { className: "skip-control", children: _jsx(SkipIcon, { forward: true, onClick: function () {
-                                    if (!isNextVideo)
-                                        return;
-                                    handleSkipForward();
-                                }, className: isNextVideo ? '' : 'skip-icon-disabled' }) }) })), showFavorite && (_jsx(CustomTooltip, { title: isFavorite ? 'Remove from favorites' : 'Add to favorites', children: _jsx(StyledHeartIconContainer, { className: "favorite-control", children: _jsx(HeartIcon, { active: isFavorite, onClick: toggleIsFavorite }) }) })), showDownload && downloadUrl && (_jsx(CustomTooltip, { title: "Download video", children: _jsx(StyledDownloadIconContainer, { className: "download-control", children: _jsx(DownloadIcon, { onClick: handleDownloadClick }) }) })), _jsx(PlaybackSpeedMenu, { playbackSpeed: playbackRate, onPlaybackSpeedChange: function (speed) {
-                            return setVideoState(function (prev) { return (__assign(__assign({}, prev), { playbackRate: speed })); });
-                        }, customMenuWrapperStyles: {
-                            position: 'unset',
-                        }, customMenuStyles: {
-                            right: '8px',
-                            left: 'auto',
-                        } }), subtitle && (_jsx(CustomTooltip, { title: isSubtitlesChecked ? 'Hide subtitles' : 'Show subtitles', children: _jsx(StyledSubtitlesIconContainer, { children: _jsx(SubtitlesIcon, { active: isSubtitlesChecked, onClick: toggleSubtitlesCheck }) }) })), showPictureInPicture && (_jsx(CustomTooltip, { title: isPiPActive ? 'Exit picture-in-picture' : 'Enter picture-in-picture', children: _jsx(StyledPictureInPictureIconContainer, { className: isPiPActive ? 'pip-active' : '', onClick: handlePictureInPicture, children: _jsx(PictureInPictureIcon, {}) }) })), _jsx(CustomTooltip, { title: isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen', children: _jsx(StyledFullscreenIconContainer, { onClick: handleFullScreen, children: isFullscreen ? _jsx(MinimizeIcon, {}) : _jsx(MaximizeIcon, {}) }) })] })] }));
-};
-export default Controls;
-//# sourceMappingURL=Controls.js.map

package/dist/components/VideoPlayer/Controls/Controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Controls.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.tsx"],"names":[],"mappings":"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"}

package/dist/components/VideoPlayer/Controls/Controls.styles.js

@@ -1,109 +0,0 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import styled from 'styled-components';
-export var StyledControls = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  border-radius: 0px 0px 8px 8px;\n  background: rgba(86, 90, 98, 0.6);\n  backdrop-filter: blur(4px);\n  padding: 12px 16px;\n  position: relative;\n  opacity: 0.8;\n\n  /* Responsive padding adjustments */\n  @media screen and (max-width: 768px) {\n    padding: 8px 12px;\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 6px 8px;\n    gap: 8px;\n  }\n\n  svg {\n    cursor: pointer;\n    transition: transform 0.2s ease, fill 0.2s ease;\n\n    /* Desktop and large screens */\n    @media screen and (min-width: 1501px) {\n      width: 24px;\n      height: 24px;\n    }\n\n    /* Medium to large screens */\n    @media screen and (max-width: 1500px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Small to medium screens */\n    @media screen and (max-width: 1000px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Tablet screens */\n    @media screen and (max-width: 768px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Mobile screens */\n    @media screen and (max-width: 480px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Very small mobile screens */\n    @media screen and (max-width: 320px) {\n      width: 16px;\n      height: 16px;\n    }\n\n    &:hover {\n      transform: scale(1.1);\n      \n      path {\n        fill: ", ";\n      }\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n  }\n\n  & > p {\n    color: var(--neutral-colors-light);\n    font-family: 'Poppins', sans-serif;\n    ", "\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  width: 100%;\n  border-radius: 0px 0px 8px 8px;\n  background: rgba(86, 90, 98, 0.6);\n  backdrop-filter: blur(4px);\n  padding: 12px 16px;\n  position: relative;\n  opacity: 0.8;\n\n  /* Responsive padding adjustments */\n  @media screen and (max-width: 768px) {\n    padding: 8px 12px;\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    padding: 6px 8px;\n    gap: 8px;\n  }\n\n  svg {\n    cursor: pointer;\n    transition: transform 0.2s ease, fill 0.2s ease;\n\n    /* Desktop and large screens */\n    @media screen and (min-width: 1501px) {\n      width: 24px;\n      height: 24px;\n    }\n\n    /* Medium to large screens */\n    @media screen and (max-width: 1500px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Small to medium screens */\n    @media screen and (max-width: 1000px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Tablet screens */\n    @media screen and (max-width: 768px) {\n      width: 20px;\n      height: 20px;\n    }\n\n    /* Mobile screens */\n    @media screen and (max-width: 480px) {\n      width: 18px;\n      height: 18px;\n    }\n\n    /* Very small mobile screens */\n    @media screen and (max-width: 320px) {\n      width: 16px;\n      height: 16px;\n    }\n\n    &:hover {\n      transform: scale(1.1);\n      \n      path {\n        fill: ", ";\n      }\n    }\n\n    &:active {\n      transform: scale(0.95);\n    }\n  }\n\n  & > p {\n    color: var(--neutral-colors-light);\n    font-family: 'Poppins', sans-serif;\n    ", "\n  }\n"])), function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme;
-    // Handle different theme structures
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        return theme.colors.primary.main;
-    }
-    if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        return theme.colors.primary;
-    }
-    return 'var(--brand-colors-accent)';
-}, { fontStyle: 'descriptor' });
-export var StyledSlider = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  height: 2px;\n  border-radius: 5px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n\n  /* Enhanced mobile touch target */\n  @media (hover: none) and (pointer: coarse) {\n    height: 4px;\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n\n    /* Larger touch target for mobile */\n    @media (hover: none) and (pointer: coarse) {\n      width: 16px;\n      height: 16px;\n    }\n\n    /* Responsive adjustments */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n    border: none;\n\n    /* Larger touch target for mobile */\n    @media (hover: none) and (pointer: coarse) {\n      width: 16px;\n      height: 16px;\n    }\n\n    /* Responsive adjustments */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  /* Enhance visibility on focus for accessibility */\n  &:focus {\n    outline: 2px solid var(--brand-colors-accent);\n    outline-offset: 2px;\n  }\n"], ["\n  width: 100%;\n  height: 2px;\n  border-radius: 5px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n\n  /* Enhanced mobile touch target */\n  @media (hover: none) and (pointer: coarse) {\n    height: 4px;\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n\n    /* Larger touch target for mobile */\n    @media (hover: none) and (pointer: coarse) {\n      width: 16px;\n      height: 16px;\n    }\n\n    /* Responsive adjustments */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n    border: none;\n\n    /* Larger touch target for mobile */\n    @media (hover: none) and (pointer: coarse) {\n      width: 16px;\n      height: 16px;\n    }\n\n    /* Responsive adjustments */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  /* Enhance visibility on focus for accessibility */\n  &:focus {\n    outline: 2px solid var(--brand-colors-accent);\n    outline-offset: 2px;\n  }\n"])), function (_a) {
-    var _b, _c, _d;
-    var value = _a.value, theme = _a.theme;
-    // Handle different theme structures
-    var primaryColor = 'var(--brand-colors-accent)';
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        primaryColor = theme.colors.primary.main;
-    }
-    else if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        primaryColor = theme.colors.primary;
-    }
-    return "linear-gradient(\n      to right,\n      ".concat(primaryColor, " 0%,\n      ").concat(primaryColor, " ").concat(value, "%,\n      var(--level-dark-200) ").concat(value, "%,\n      var(--level-dark-200) 100%\n    )");
-}, function (_a) {
-    var _b, _c;
-    var theme = _a.theme;
-    return ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) || 'var(--brand-colors-accent)';
-}, function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme;
-    // Handle different theme structures
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        return theme.colors.primary.main;
-    }
-    if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        return theme.colors.primary;
-    }
-    return 'var(--brand-colors-accent)';
-});
-export var StyledVolumeWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n\n  /* Responsive gap adjustments */\n  @media screen and (max-width: 768px) {\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    gap: 8px;\n  }\n\n  & > svg {\n    cursor: pointer;\n  }\n\n  & > input {\n    display: none;\n  }\n\n  &:hover > input {\n    display: block;\n  }\n\n  /* Always show volume slider on touch devices */\n  @media (hover: none) and (pointer: coarse) {\n    & > input {\n      display: block;\n    }\n  }\n\n  /* Hide volume slider on very small screens */\n  @media screen and (max-width: 320px) {\n    & > input {\n      display: none !important;\n    }\n  }\n"], ["\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n\n  /* Responsive gap adjustments */\n  @media screen and (max-width: 768px) {\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    gap: 8px;\n  }\n\n  & > svg {\n    cursor: pointer;\n  }\n\n  & > input {\n    display: none;\n  }\n\n  &:hover > input {\n    display: block;\n  }\n\n  /* Always show volume slider on touch devices */\n  @media (hover: none) and (pointer: coarse) {\n    & > input {\n      display: block;\n    }\n  }\n\n  /* Hide volume slider on very small screens */\n  @media screen and (max-width: 320px) {\n    & > input {\n      display: none !important;\n    }\n  }\n"])));
-export var StyledVolumeSlider = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100px;\n  height: 4px;\n  border-radius: 5px;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n  justify-content: center;\n  align-items: center;\n\n  /* Responsive width adjustments */\n  @media screen and (max-width: 768px) {\n    width: 80px;\n  }\n\n  @media screen and (max-width: 480px) {\n    width: 60px;\n  }\n\n  @media screen and (max-width: 320px) {\n    width: 50px;\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n\n    /* Responsive thumb size */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n    border: none;\n\n    /* Responsive thumb size */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n"], ["\n  width: 100px;\n  height: 4px;\n  border-radius: 5px;\n  background: ", ";\n  outline: none;\n  -webkit-transition: 0.2s;\n  transition: opacity 0.2s;\n  cursor: pointer;\n  justify-content: center;\n  align-items: center;\n\n  /* Responsive width adjustments */\n  @media screen and (max-width: 768px) {\n    width: 80px;\n  }\n\n  @media screen and (max-width: 480px) {\n    width: 60px;\n  }\n\n  @media screen and (max-width: 320px) {\n    width: 50px;\n  }\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n\n    /* Responsive thumb size */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n\n  &::-moz-range-thumb {\n    appearance: none;\n    width: 12px;\n    height: 12px;\n    border-radius: 50%;\n    background: ", ";\n    cursor: pointer;\n    border: none;\n\n    /* Responsive thumb size */\n    @media screen and (max-width: 480px) {\n      width: 14px;\n      height: 14px;\n    }\n  }\n"])), function (_a) {
-    var _b, _c, _d;
-    var value = _a.value, theme = _a.theme;
-    // Handle different theme structures
-    var primaryColor = 'var(--neutral-colors-light)';
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        primaryColor = theme.colors.primary.main;
-    }
-    else if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        primaryColor = theme.colors.primary;
-    }
-    return "linear-gradient(\n      to right,\n      ".concat(primaryColor, " 0%,\n      ").concat(primaryColor, " ").concat(value, "%,\n      var(--level-grey-500) ").concat(value, "%,\n      var(--level-grey-500) 100%\n    )");
-}, function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme;
-    // Handle different theme structures
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        return theme.colors.primary.main;
-    }
-    if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        return theme.colors.primary;
-    }
-    return 'var(--neutral-colors-light)';
-}, function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme;
-    // Handle different theme structures
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        return theme.colors.primary.main;
-    }
-    if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        return theme.colors.primary;
-    }
-    return 'var(--neutral-colors-light)';
-});
-export var StyledControllerLeft = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex: 1;\n  \n  /* Responsive gap adjustments */\n  @media screen and (max-width: 768px) {\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    gap: 8px;\n  }\n\n  @media screen and (max-width: 320px) {\n    gap: 6px;\n  }\n\n  /* Hide rewind/forward controls on very small screens */\n  @media screen and (max-width: 480px) {\n    .rewind-control,\n    .forward-control {\n      display: none;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex: 1;\n  \n  /* Responsive gap adjustments */\n  @media screen and (max-width: 768px) {\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    gap: 8px;\n  }\n\n  @media screen and (max-width: 320px) {\n    gap: 6px;\n  }\n\n  /* Hide rewind/forward controls on very small screens */\n  @media screen and (max-width: 480px) {\n    .rewind-control,\n    .forward-control {\n      display: none;\n    }\n  }\n"])));
-export var StyledControllerRight = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n\n  /* Responsive gap adjustments */\n  @media screen and (max-width: 768px) {\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    gap: 8px;\n    \n    /* Hide less essential controls on mobile */\n    .skip-control,\n    .favorite-control,\n    .download-control {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: 320px) {\n    gap: 6px;\n  }\n\n  .skip-icon-disabled {\n    cursor: default;\n\n    & > path {\n      fill: var(--level-dark-300);\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n\n  /* Responsive gap adjustments */\n  @media screen and (max-width: 768px) {\n    gap: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    gap: 8px;\n    \n    /* Hide less essential controls on mobile */\n    .skip-control,\n    .favorite-control,\n    .download-control {\n      display: none;\n    }\n  }\n\n  @media screen and (max-width: 320px) {\n    gap: 6px;\n  }\n\n  .skip-icon-disabled {\n    cursor: default;\n\n    & > path {\n      fill: var(--level-dark-300);\n    }\n  }\n"])));
-export var StyledTimeTrack = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  color: #FFFFFF;\n  ", "\n  text-align: right;\n  white-space: nowrap;\n  font-size: 14px;\n  \n  /* Responsive font size adjustments */\n  @media screen and (max-width: 768px) {\n    font-size: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    font-size: 11px;\n  }\n\n  @media screen and (max-width: 320px) {\n    font-size: 10px;\n  }\n"], ["\n  color: #FFFFFF;\n  ", "\n  text-align: right;\n  white-space: nowrap;\n  font-size: 14px;\n  \n  /* Responsive font size adjustments */\n  @media screen and (max-width: 768px) {\n    font-size: 12px;\n  }\n\n  @media screen and (max-width: 480px) {\n    font-size: 11px;\n  }\n\n  @media screen and (max-width: 320px) {\n    font-size: 10px;\n  }\n"
-    // Base styles for icon containers
-])), { fontStyle: 'descriptor' });
-// Base styles for icon containers
-var BaseIconContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease, transform 0.1s ease;\n\n  /* Enhanced touch targets for mobile */\n  @media (hover: none) and (pointer: coarse) {\n    min-width: 32px;\n    min-height: 32px;\n  }\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    \n    & > svg > path {\n      fill: ", " !important;\n    }\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  /* Focus styles for accessibility */\n  &:focus-visible {\n    outline: 2px solid var(--brand-colors-accent);\n    outline-offset: 2px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  min-width: 24px;\n  min-height: 24px;\n  border-radius: 4px;\n  transition: background-color 0.2s ease, transform 0.1s ease;\n\n  /* Enhanced touch targets for mobile */\n  @media (hover: none) and (pointer: coarse) {\n    min-width: 32px;\n    min-height: 32px;\n  }\n\n  & > svg > path {\n    fill: #FFFFFF !important;\n    transition: fill 0.2s ease;\n  }\n\n  &:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    \n    & > svg > path {\n      fill: ", " !important;\n    }\n  }\n\n  &:active {\n    transform: scale(0.95);\n  }\n\n  /* Focus styles for accessibility */\n  &:focus-visible {\n    outline: 2px solid var(--brand-colors-accent);\n    outline-offset: 2px;\n  }\n"])), function (_a) {
-    var _b, _c, _d;
-    var theme = _a.theme;
-    // Handle different theme structures
-    if ((_c = (_b = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _b === void 0 ? void 0 : _b.primary) === null || _c === void 0 ? void 0 : _c.main) {
-        return theme.colors.primary.main;
-    }
-    if (typeof ((_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === 'string') {
-        return theme.colors.primary;
-    }
-    return '#08C694';
-});
-export var StyledHeartIconContainer = styled(BaseIconContainer)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  /* Additional specific styles if needed */\n"], ["\n  /* Additional specific styles if needed */\n"])));
-export var StyledDownloadIconContainer = styled(BaseIconContainer)(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    @media screen and (max-width: 768px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 480px) {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n"], ["\n  & > svg {\n    width: 24px !important;\n    height: 24px !important;\n    \n    @media screen and (max-width: 1500px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 1000px) {\n      width: 16px !important;\n      height: 16px !important;\n    }\n\n    @media screen and (max-width: 768px) {\n      width: 20px !important;\n      height: 20px !important;\n    }\n\n    @media screen and (max-width: 480px) {\n      width: 18px !important;\n      height: 18px !important;\n    }\n  }\n"])));
-export var StyledSubtitlesIconContainer = styled(BaseIconContainer)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  /* Additional specific styles if needed */\n"], ["\n  /* Additional specific styles if needed */\n"])));
-export var StyledFullscreenIconContainer = styled(BaseIconContainer)(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  /* Additional specific styles if needed */\n"], ["\n  /* Additional specific styles if needed */\n"])));
-export var StyledPictureInPictureIconContainer = styled(BaseIconContainer)(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  &.pip-active {\n    background-color: rgba(8, 198, 148, 0.2);\n    \n    & > svg > path {\n      fill: #08C694 !important;\n    }\n  }\n"], ["\n  &.pip-active {\n    background-color: rgba(8, 198, 148, 0.2);\n    \n    & > svg > path {\n      fill: #08C694 !important;\n    }\n  }\n"])));
-export var StyledVolumeIconContainer = styled(BaseIconContainer)(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  /* Additional specific styles if needed */\n"], ["\n  /* Additional specific styles if needed */\n"])));
-export var StyledPlayPauseIconContainer = styled(BaseIconContainer)(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  /* Additional specific styles if needed */\n"], ["\n  /* Additional specific styles if needed */\n"])));
-export var StyledRewindIconContainer = styled(BaseIconContainer)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  /* Additional specific styles if needed */\n"], ["\n  /* Additional specific styles if needed */\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
-//# sourceMappingURL=Controls.styles.js.map

package/dist/components/VideoPlayer/Controls/Controls.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Controls.styles.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/Controls.styles.tsx"],"names":[],"mappings":"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"}

package/dist/components/VideoPlayer/Controls/index.js

@@ -1,2 +0,0 @@
-export { default } from './Controls';
-//# sourceMappingURL=index.js.map

package/dist/components/VideoPlayer/Controls/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VideoPlayer/Controls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}

package/dist/components/VideoPlayer/PiPContext.js

@@ -1,149 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useState, useCallback, useRef, useEffect } from 'react';
-export var PiPContext = createContext(undefined);
-export var PiPProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState(false), isPiPActive = _b[0], setIsPiPActive = _b[1];
-    var _c = useState(null), pipVideoState = _c[0], setPipVideoState = _c[1];
-    var videoElementRef = useRef(null);
-    var updateVideoState = useCallback(function (state) {
-        setPipVideoState(function (prev) { return prev ? __assign(__assign({}, prev), state) : null; });
-    }, []);
-    var registerVideoElement = useCallback(function (element) {
-        videoElementRef.current = element;
-    }, []);
-    var unregisterVideoElement = useCallback(function () {
-        videoElementRef.current = null;
-    }, []);
-    var enterPiP = useCallback(function (videoElement, videoState) { return __awaiter(void 0, void 0, void 0, function () {
-        var error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!document.pictureInPictureEnabled) {
-                        console.warn('Picture-in-Picture is not supported in this browser');
-                        return [2 /*return*/, false];
-                    }
-                    if (document.pictureInPictureElement) {
-                        console.warn('Another video is already in Picture-in-Picture mode');
-                        return [2 /*return*/, false];
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 5, , 6]);
-                    // Store video state
-                    setPipVideoState(videoState);
-                    videoElementRef.current = videoElement;
-                    if (!(videoElement.paused && videoState.isPlaying)) return [3 /*break*/, 3];
-                    return [4 /*yield*/, videoElement.play()];
-                case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3: return [4 /*yield*/, videoElement.requestPictureInPicture()];
-                case 4:
-                    _a.sent();
-                    return [2 /*return*/, true];
-                case 5:
-                    error_1 = _a.sent();
-                    console.error('Failed to enter picture-in-picture:', error_1);
-                    return [2 /*return*/, false];
-                case 6: return [2 /*return*/];
-            }
-        });
-    }); }, []);
-    var exitPiP = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error_2;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 3, , 4]);
-                    if (!document.pictureInPictureElement) return [3 /*break*/, 2];
-                    return [4 /*yield*/, document.exitPictureInPicture()];
-                case 1:
-                    _a.sent();
-                    _a.label = 2;
-                case 2: return [2 /*return*/, true];
-                case 3:
-                    error_2 = _a.sent();
-                    console.error('Failed to exit picture-in-picture:', error_2);
-                    return [2 /*return*/, false];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, []);
-    // Listen for PiP events
-    useEffect(function () {
-        var handlePiPEnter = function () {
-            setIsPiPActive(true);
-        };
-        var handlePiPLeave = function () {
-            setIsPiPActive(false);
-            // Keep the video state for potential restoration
-            // but don't clear it immediately
-        };
-        document.addEventListener('enterpictureinpicture', handlePiPEnter);
-        document.addEventListener('leavepictureinpicture', handlePiPLeave);
-        return function () {
-            document.removeEventListener('enterpictureinpicture', handlePiPEnter);
-            document.removeEventListener('leavepictureinpicture', handlePiPLeave);
-        };
-    }, []);
-    var value = {
-        isPiPActive: isPiPActive,
-        pipVideoState: pipVideoState,
-        enterPiP: enterPiP,
-        exitPiP: exitPiP,
-        updateVideoState: updateVideoState,
-        registerVideoElement: registerVideoElement,
-        unregisterVideoElement: unregisterVideoElement,
-    };
-    return _jsx(PiPContext.Provider, { value: value, children: children });
-};
-//# sourceMappingURL=PiPContext.js.map

package/dist/components/VideoPlayer/PiPContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PiPContext.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/PiPContext.tsx"],"names":[],"mappings":"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"}

package/dist/components/VideoPlayer/PiPContext.types.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=PiPContext.types.js.map

package/dist/components/VideoPlayer/PiPContext.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PiPContext.types.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/PiPContext.types.ts"],"names":[],"mappings":""}

package/dist/components/VideoPlayer/PlaybackSpeedMenu.interface.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=PlaybackSpeedMenu.interface.js.map

package/dist/components/VideoPlayer/PlaybackSpeedMenu.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PlaybackSpeedMenu.interface.js","sourceRoot":"","sources":["../../../src/components/VideoPlayer/PlaybackSpeedMenu.interface.ts"],"names":[],"mappings":""}