suada-components 1.11.0 → 1.11.1

package/dist/{DailyMotion-CfbMMyt6.esm.js → DailyMotion-CBcZL9AM.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{DailyMotion-DIieYZc6.js → DailyMotion-qN73UCUK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Facebook-CjZ7HsBA.js → Facebook-B-yLp0BC.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Facebook-DUDgDWjz.esm.js → Facebook-DLsbcUGk.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{FilePlayer-2u_FXCSj.js → FilePlayer-BEwMm-0E.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{FilePlayer-BwAlBw7n.esm.js → FilePlayer-BOWRxXEC.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Kaltura-DH3DF-Gt.esm.js → Kaltura-CAe0XHQs.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Kaltura-CSTN5Rul.js → Kaltura-afEZkveQ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Mixcloud-CLpsSMW9.esm.js → Mixcloud-BqVARGLn.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Mixcloud-BUjkrx5l.js → Mixcloud-CONbU0zm.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Mux-4tmUDWpp.js → Mux-BmTE2qX8.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Mux-BuB2BfAv.esm.js → Mux-DCWRgh0f.esm.js}

@@ -1,4 +1,4 @@
-import { a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Preview-e_g825ee.esm.js → Preview-B3GszYbg.esm.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Preview-DGQ-4L3t.js → Preview-CJcmxsC4.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{SoundCloud-CjEwKAy7.esm.js → SoundCloud-C0v6G0wo.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{SoundCloud-CM1YouqE.js → SoundCloud-DItkPdZr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Streamable-BTFjBDV_.js → Streamable-CLNgfOXi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Streamable-D_AVn6rL.esm.js → Streamable-DHSLJhM8.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Twitch-CmERSXRT.js → Twitch-4cLL92cS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Twitch-BLM7sM5U.esm.js → Twitch-UyXnHNZU.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Vidyard-CYSoFkXJ.esm.js → Vidyard-DeC2ek6Y.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Vidyard-DE_V8Pca.js → Vidyard-DqOsiezE.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Vimeo-CMoL8SJi.esm.js → Vimeo-CUZo0Fh0.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Vimeo-BCY2SATj.js → Vimeo-_5-eAZ-P.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Wistia-CijRSDbl.js → Wistia-DEYd24Sr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/Wistia-D2ifexFL.esm.js → Wistia-Du-YNkgM.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{YouTube-CiPFMNNG.js → YouTube-B262sUs3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-W4BrytHk.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{components/YouTube-BKIxt4bj.esm.js → YouTube-CF_caRl7.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Cj9HSxAj.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{DailyMotion-Du0LVn2-.js → DailyMotion-DcA-PVFw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{DailyMotion-CCnmtX_9.esm.js → DailyMotion-Va8qSx1b.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Facebook-Bv9gRyEj.esm.js → components/Facebook-DUSHcbv1.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Facebook-q8URvYqO.js → components/Facebook-DchNVIkm.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{FilePlayer-CRftl62T.js → FilePlayer-BZoH0W_x.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{FilePlayer-_3t-0Yxs.esm.js → FilePlayer-C9lU5N6Q.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Kaltura-DqIQeJq5.js → components/Kaltura-DAip8qnD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Kaltura-C0ZIVeQR.esm.js → Kaltura-DKdjrcIq.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Mixcloud-D02r0ol_.esm.js → components/Mixcloud-DGcXxm00.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Mixcloud-DWbtn99D.js → Mixcloud-i6OmyO6T.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Mux-BvvlblBZ.esm.js → Mux-CxJZbr-A.esm.js}

@@ -1,4 +1,4 @@
-import { a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Mux-CZ2OeleY.js → components/Mux-xcYrQrTJ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Preview-DqDPuC88.js → components/Preview-B4MvLgvR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Preview-DYNCjWc6.esm.js → Preview-CX7zv1jV.esm.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{SoundCloud-qATRbAFQ.js → SoundCloud-39h-7K5W.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{SoundCloud-BjSURWDI.esm.js → SoundCloud-CPMkOOrw.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Streamable-DsBfdV-g.js → components/Streamable-CFva3n0l.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Streamable-DuoO_OaU.esm.js → Streamable-Cs1Srswi.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Twitch-DaRYziKs.esm.js → components/Twitch-BJKD3J9Z.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Twitch-BQaXeGDA.js → Twitch-CeGJJ6_s.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

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

@@ -5,31 +5,68 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 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;\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\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;\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\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"])), { 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, _e;
+    var _b, _c, _d;
     var value = _a.value, theme = _a.theme;
-    return "linear-gradient(\n    to right,\n    ".concat(((_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)', " 0%,\n    ").concat(((_e = (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === null || _e === void 0 ? void 0 : _e.main) || 'var(--brand-colors-accent)', " ").concat(value, "%,\n    var(--level-dark-200) ").concat(value, "%,\n    var(--level-dark-200) 100%\n  )");
+    // 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;
+    var _b, _c, _d;
     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)';
+    // 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, _e;
+    var _b, _c, _d;
     var value = _a.value, theme = _a.theme;
-    return "linear-gradient(\n    to right,\n    ".concat(((_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(--neutral-colors-light)', " 0%,\n    ").concat(((_e = (_d = theme === null || theme === void 0 ? void 0 : theme.colors) === null || _d === void 0 ? void 0 : _d.primary) === null || _e === void 0 ? void 0 : _e.main) || 'var(--neutral-colors-light)', " ").concat(value, "%,\n    var(--level-grey-500) ").concat(value, "%,\n    var(--level-grey-500) 100%\n  )");
+    // 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;
+    var _b, _c, _d;
     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(--neutral-colors-light)';
+    // 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;
+    var _b, _c, _d;
     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(--neutral-colors-light)';
+    // 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"])));
@@ -38,9 +75,16 @@ export var StyledTimeTrack = styled.div(templateObject_7 || (templateObject_7 =
 ])), { 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;
+    var _b, _c, _d;
     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) || '#08C694';
+    // 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"])));

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

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

package/dist/{Vidyard-CiO_bL8b.js → components/Vidyard-Csh3juiO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Vidyard-CwapqxZ-.esm.js → components/Vidyard-QHUmm5sg.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Vimeo-D-Wnyri7.esm.js → Vimeo-ACwuQXB8.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BKfTO00H.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/{Vimeo-CpvhoTnW.js → components/Vimeo-ygqY4TDG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BKi6wPDv.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{Wistia-DhksCdDm.esm.js → components/Wistia-C_KOKhsb.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {

package/dist/components/{Wistia-Cp8prs3r.js → Wistia-Daz5tPlN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BaygwC_K.js');
+var index = require('./index-DrylTKHJ.js');
 var React = require('react');
 
 function _mergeNamespaces(n, m) {

package/dist/{YouTube-DW3AvX0m.esm.js → components/YouTube-BBYbcWI3.esm.js}

@@ -1,4 +1,4 @@
-import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-Dc7wycLL.esm.js';
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-BwBOjN0o.esm.js';
 import React__default from 'react';
 
 function _mergeNamespaces(n, m) {