suada-components 1.15.2 → 1.16.0

package/dist/{index-Chw9t-e6.esm.js → index-CeU3AhyS.esm.js}

@@ -76967,7 +76967,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-Bx43U5Te.esm.js'
+	      './YouTube-kRbiT6To.esm.js'
 	    ).then(function (n) { return n.Y; }))
 	  },
 	  {
@@ -76976,7 +76976,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-Dz9Smb-r.esm.js'
+	      './SoundCloud-j_vgnA6A.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -76985,7 +76985,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-d5LHvn5I.esm.js'
+	      './Vimeo-n3hyvoeV.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -76994,7 +76994,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-CVLuHIfF.esm.js'
+	      './Mux-D7eb8_zA.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -77003,7 +77003,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-BSIK1rSC.esm.js'
+	      './Facebook-B-Kmnob1.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  },
 	  {
@@ -77012,7 +77012,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-B1-Kp0s8.esm.js'
+	      './Streamable-OIrXt4Vb.esm.js'
 	    ).then(function (n) { return n.S; }))
 	  },
 	  {
@@ -77021,7 +77021,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-CO8u5hO_.esm.js'
+	      './Wistia-xubllIWJ.esm.js'
 	    ).then(function (n) { return n.W; }))
 	  },
 	  {
@@ -77030,7 +77030,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-C95yEMHW.esm.js'
+	      './Twitch-ChgWVJuo.esm.js'
 	    ).then(function (n) { return n.T; }))
 	  },
 	  {
@@ -77039,7 +77039,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-BeQ9SveU.esm.js'
+	      './DailyMotion-D8e9rshC.esm.js'
 	    ).then(function (n) { return n.D; }))
 	  },
 	  {
@@ -77048,7 +77048,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-BMKCQlib.esm.js'
+	      './Mixcloud-BwZg08VX.esm.js'
 	    ).then(function (n) { return n.M; }))
 	  },
 	  {
@@ -77057,7 +77057,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-GJBCLDG8.esm.js'
+	      './Vidyard-BbMi1qbS.esm.js'
 	    ).then(function (n) { return n.V; }))
 	  },
 	  {
@@ -77066,7 +77066,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-C2_3nw4y.esm.js'
+	      './Kaltura-8PnL41dm.esm.js'
 	    ).then(function (n) { return n.K; }))
 	  },
 	  {
@@ -77078,7 +77078,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => import(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-DDEb6Hjk.esm.js'
+	      './FilePlayer-CZDGyHG8.esm.js'
 	    ).then(function (n) { return n.F; }))
 	  }
 	];
@@ -77899,7 +77899,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => import(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-ByzsWTND.esm.js'
+	  './Preview-k3Dm7N__.esm.js'
 	).then(function (n) { return n.P; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -85378,7 +85378,6 @@ var NoteEditModal = function NoteEditModal(_ref) {
   });
 };
 
-var CONTROLS_CHECK_DELAY = 100;
 var MAX_FULLSCREEN_Z_INDEX = 2147483646;
 var MAX_FULLSCREEN_MARKER_Z_INDEX = 2147483647;
 var VideoPlayer = function VideoPlayer(_ref) {
@@ -85428,32 +85427,30 @@ var VideoPlayer = function VideoPlayer(_ref) {
     onAddNote = _ref.onAddNote;
   var _a, _b, _c;
   var videoRef = useRef(null);
-  var observerRef = useRef(null);
   var overlayRef = useRef(null);
-  var hideTimeoutRef = useRef(null);
   // Notes state
   var _useState = useState(null),
     _useState2 = _slicedToArray$1(_useState, 2),
     hoveredNote = _useState2[0],
     setHoveredNote = _useState2[1];
-  var _useState3 = useState(false),
+  var _useState3 = useState(null),
     _useState4 = _slicedToArray$1(_useState3, 2),
-    areControlsVisible = _useState4[0],
-    setAreControlsVisible = _useState4[1];
-  var _useState5 = useState(null),
+    internalEditingNote = _useState4[0],
+    setInternalEditingNote = _useState4[1];
+  var _useState5 = useState(''),
     _useState6 = _slicedToArray$1(_useState5, 2),
-    internalEditingNote = _useState6[0],
-    setInternalEditingNote = _useState6[1];
+    editingTitle = _useState6[0],
+    setEditingTitle = _useState6[1];
   var _useState7 = useState(''),
     _useState8 = _slicedToArray$1(_useState7, 2),
-    editingTitle = _useState8[0],
-    setEditingTitle = _useState8[1];
-  var _useState9 = useState(''),
-    _useState10 = _slicedToArray$1(_useState9, 2),
-    editingContent = _useState10[0],
-    setEditingContent = _useState10[1];
+    editingContent = _useState8[0],
+    setEditingContent = _useState8[1];
   // Use external editing state if provided, otherwise use internal state
   var currentEditingNote = editingNote !== undefined ? editingNote : internalEditingNote;
+  // Get PiP context for state initialization
+  var _usePiP = usePiP(),
+    contextIsPiPActive = _usePiP.isPiPActive,
+    exitPiP = _usePiP.exitPiP;
   var _usePlayerControls = usePlayerControls({
       startTime: startTime,
       setLoading: setLoading,
@@ -85497,6 +85494,15 @@ var VideoPlayer = function VideoPlayer(_ref) {
     isControlsActive = _usePlayerControls.isControlsActive,
     currentSubtitle = _usePlayerControls.currentSubtitle,
     setCurrentSubtitle = _usePlayerControls.setCurrentSubtitle;
+  // Initialize PiP state on component mount/URL change
+  useEffect(function () {
+    // Check if the context thinks PiP is active but no element is actually in PiP
+    if (contextIsPiPActive && !document.pictureInPictureElement) {
+      // Reset the PiP state because there's no actual PiP video
+      console.log('Resetting PiP state - context out of sync with actual PiP state');
+      exitPiP();
+    }
+  }, [url, contextIsPiPActive, exitPiP]); // Run when URL changes or component mounts
   // Handle adding new notes
   var handleAddNote = useCallback(function () {
     var _a;
@@ -85671,7 +85677,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
   };
   var renderNotesOverlay = function renderNotesOverlay() {
     if (!notes || !noteMarkers || noteMarkers.length === 0) return null;
-    var shouldShowControls = areControlsVisible || isFullscreen;
+    var shouldShowControls = isControlsActive || isFullscreen;
     var cssClass = shouldShowControls ? 'controls-visible' : '';
     // Use absolute positioning relative to fullscreen element
     var fullscreenStyle = {
@@ -85740,69 +85746,6 @@ var VideoPlayer = function VideoPlayer(_ref) {
     }
     return overlayJSX;
   };
-  // Track controls visibility for notes (when not in fullscreen mode)
-  useEffect(function () {
-    var handleControlsToggle = function handleControlsToggle() {
-      // Show notes initially when controls become visible (non-fullscreen mode)
-      if (!isFullscreen) {
-        // Clear any existing hide timeout
-        if (hideTimeoutRef.current) {
-          clearTimeout(hideTimeoutRef.current);
-          hideTimeoutRef.current = null;
-        }
-      }
-    };
-    handleControlsToggle();
-  }, [areControlsVisible, isFullscreen]);
-  // Observe the video player controls visibility
-  useEffect(function () {
-    if (!playerContainerRef.current) return;
-    var container = playerContainerRef.current;
-    var checkControlsVisibility = function checkControlsVisibility() {
-      // Look for the controls element using various selectors
-      var controlsSelectors = ['[class*="StyledControlsContainer"]', '[class*="Controls"]', '[class*="controls"]', 'div[style*="visibility"]'];
-      var controlsElement = null;
-      for (var _i = 0, _controlsSelectors = controlsSelectors; _i < _controlsSelectors.length; _i++) {
-        var selector = _controlsSelectors[_i];
-        controlsElement = container.querySelector(selector);
-        if (controlsElement) break;
-      }
-      if (controlsElement) {
-        var style = window.getComputedStyle(controlsElement);
-        var isVisible = style.visibility === 'visible';
-        setAreControlsVisible(isVisible);
-      }
-    };
-    // Create MutationObserver to watch for style changes
-    observerRef.current = new MutationObserver(function () {
-      checkControlsVisibility();
-    });
-    // Observe the entire container for style changes
-    observerRef.current.observe(container, {
-      attributes: true,
-      subtree: true,
-      attributeFilter: ['style', 'class']
-    });
-    // Also listen for mouse events to trigger checks
-    var handleMouseMove = function handleMouseMove() {
-      setAreControlsVisible(true);
-      checkControlsVisibility();
-    };
-    var handleMouseLeave = function handleMouseLeave() {
-      setTimeout(checkControlsVisibility, CONTROLS_CHECK_DELAY);
-    };
-    container.addEventListener('mousemove', handleMouseMove);
-    container.addEventListener('mouseleave', handleMouseLeave);
-    // Initial check
-    setTimeout(checkControlsVisibility, CONTROLS_CHECK_DELAY);
-    return function () {
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-      }
-      container.removeEventListener('mousemove', handleMouseMove);
-      container.removeEventListener('mouseleave', handleMouseLeave);
-    };
-  }, []);
   useEffect(function () {
     var cleanup = injectHLSSubtitleStyles();
     return cleanup;

package/dist/{index-xcZL2vZI.js → index-CmjSbbld.js}

@@ -76987,7 +76987,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.youtube,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerYouTube' */
-	      './YouTube-_DWcTsKn.js'
+	      './YouTube-grMvoRFs.js'
 	    ); }).then(function (n) { return n.YouTube; }))
 	  },
 	  {
@@ -76996,7 +76996,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.soundcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerSoundCloud' */
-	      './SoundCloud-DevjAHVU.js'
+	      './SoundCloud-C_1NqviA.js'
 	    ); }).then(function (n) { return n.SoundCloud; }))
 	  },
 	  {
@@ -77005,7 +77005,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vimeo,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerVimeo' */
-	      './Vimeo-BcjO8xHD.js'
+	      './Vimeo-8X62rTqK.js'
 	    ); }).then(function (n) { return n.Vimeo; }))
 	  },
 	  {
@@ -77014,7 +77014,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mux,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerMux' */
-	      './Mux-B0Z2Fxtu.js'
+	      './Mux-BCwH7Pkk.js'
 	    ); }).then(function (n) { return n.Mux; }))
 	  },
 	  {
@@ -77023,7 +77023,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.facebook,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerFacebook' */
-	      './Facebook-DDZn6Jog.js'
+	      './Facebook-BKtlnyVo.js'
 	    ); }).then(function (n) { return n.Facebook; }))
 	  },
 	  {
@@ -77032,7 +77032,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.streamable,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerStreamable' */
-	      './Streamable-Cv56yteF.js'
+	      './Streamable-CpnLZwlb.js'
 	    ); }).then(function (n) { return n.Streamable; }))
 	  },
 	  {
@@ -77041,7 +77041,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.wistia,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerWistia' */
-	      './Wistia-f3a3CySB.js'
+	      './Wistia-DWGKpLUF.js'
 	    ); }).then(function (n) { return n.Wistia; }))
 	  },
 	  {
@@ -77050,7 +77050,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.twitch,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerTwitch' */
-	      './Twitch-C4Ng2D9Y.js'
+	      './Twitch-Bt3eW4zd.js'
 	    ); }).then(function (n) { return n.Twitch; }))
 	  },
 	  {
@@ -77059,7 +77059,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.dailymotion,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerDailyMotion' */
-	      './DailyMotion-Cp4_bDsv.js'
+	      './DailyMotion-D1W8nF0f.js'
 	    ); }).then(function (n) { return n.DailyMotion; }))
 	  },
 	  {
@@ -77068,7 +77068,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.mixcloud,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerMixcloud' */
-	      './Mixcloud-D36DacPu.js'
+	      './Mixcloud-DYqaCUJx.js'
 	    ); }).then(function (n) { return n.Mixcloud; }))
 	  },
 	  {
@@ -77077,7 +77077,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.vidyard,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerVidyard' */
-	      './Vidyard-M0TI2TGf.js'
+	      './Vidyard-DHXjbx3I.js'
 	    ); }).then(function (n) { return n.Vidyard; }))
 	  },
 	  {
@@ -77086,7 +77086,7 @@ function requirePlayers () {
 	    canPlay: import_patterns.canPlay.kaltura,
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerKaltura' */
-	      './Kaltura-CFztDSr7.js'
+	      './Kaltura-BWtnUsG8.js'
 	    ); }).then(function (n) { return n.Kaltura; }))
 	  },
 	  {
@@ -77098,7 +77098,7 @@ function requirePlayers () {
 	    },
 	    lazyPlayer: (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	      /* webpackChunkName: 'reactPlayerFilePlayer' */
-	      './FilePlayer-zM9JelvN.js'
+	      './FilePlayer-YhzVa2_c.js'
 	    ); }).then(function (n) { return n.FilePlayer; }))
 	  }
 	];
@@ -77919,7 +77919,7 @@ function requireReactPlayer () {
 	var import_Player = __toESM(/*@__PURE__*/ requirePlayer());
 	const Preview = (0, import_utils.lazy)(() => Promise.resolve().then(function () { return require(
 	  /* webpackChunkName: 'reactPlayerPreview' */
-	  './Preview-CthIJob-.js'
+	  './Preview-CWlvUdHk.js'
 	); }).then(function (n) { return n.Preview; }));
 	const IS_BROWSER = typeof window !== "undefined" && window.document && typeof document !== "undefined";
 	const IS_GLOBAL = typeof commonjsGlobal !== "undefined" && commonjsGlobal.window && commonjsGlobal.window.document;
@@ -85398,7 +85398,6 @@ var NoteEditModal = function NoteEditModal(_ref) {
   });
 };
 
-var CONTROLS_CHECK_DELAY = 100;
 var MAX_FULLSCREEN_Z_INDEX = 2147483646;
 var MAX_FULLSCREEN_MARKER_Z_INDEX = 2147483647;
 var VideoPlayer = function VideoPlayer(_ref) {
@@ -85448,32 +85447,30 @@ var VideoPlayer = function VideoPlayer(_ref) {
     onAddNote = _ref.onAddNote;
   var _a, _b, _c;
   var videoRef = React.useRef(null);
-  var observerRef = React.useRef(null);
   var overlayRef = React.useRef(null);
-  var hideTimeoutRef = React.useRef(null);
   // Notes state
   var _useState = React.useState(null),
     _useState2 = _slicedToArray$1(_useState, 2),
     hoveredNote = _useState2[0],
     setHoveredNote = _useState2[1];
-  var _useState3 = React.useState(false),
+  var _useState3 = React.useState(null),
     _useState4 = _slicedToArray$1(_useState3, 2),
-    areControlsVisible = _useState4[0],
-    setAreControlsVisible = _useState4[1];
-  var _useState5 = React.useState(null),
+    internalEditingNote = _useState4[0],
+    setInternalEditingNote = _useState4[1];
+  var _useState5 = React.useState(''),
     _useState6 = _slicedToArray$1(_useState5, 2),
-    internalEditingNote = _useState6[0],
-    setInternalEditingNote = _useState6[1];
+    editingTitle = _useState6[0],
+    setEditingTitle = _useState6[1];
   var _useState7 = React.useState(''),
     _useState8 = _slicedToArray$1(_useState7, 2),
-    editingTitle = _useState8[0],
-    setEditingTitle = _useState8[1];
-  var _useState9 = React.useState(''),
-    _useState10 = _slicedToArray$1(_useState9, 2),
-    editingContent = _useState10[0],
-    setEditingContent = _useState10[1];
+    editingContent = _useState8[0],
+    setEditingContent = _useState8[1];
   // Use external editing state if provided, otherwise use internal state
   var currentEditingNote = editingNote !== undefined ? editingNote : internalEditingNote;
+  // Get PiP context for state initialization
+  var _usePiP = usePiP(),
+    contextIsPiPActive = _usePiP.isPiPActive,
+    exitPiP = _usePiP.exitPiP;
   var _usePlayerControls = usePlayerControls({
       startTime: startTime,
       setLoading: setLoading,
@@ -85517,6 +85514,15 @@ var VideoPlayer = function VideoPlayer(_ref) {
     isControlsActive = _usePlayerControls.isControlsActive,
     currentSubtitle = _usePlayerControls.currentSubtitle,
     setCurrentSubtitle = _usePlayerControls.setCurrentSubtitle;
+  // Initialize PiP state on component mount/URL change
+  React.useEffect(function () {
+    // Check if the context thinks PiP is active but no element is actually in PiP
+    if (contextIsPiPActive && !document.pictureInPictureElement) {
+      // Reset the PiP state because there's no actual PiP video
+      console.log('Resetting PiP state - context out of sync with actual PiP state');
+      exitPiP();
+    }
+  }, [url, contextIsPiPActive, exitPiP]); // Run when URL changes or component mounts
   // Handle adding new notes
   var handleAddNote = React.useCallback(function () {
     var _a;
@@ -85691,7 +85697,7 @@ var VideoPlayer = function VideoPlayer(_ref) {
   };
   var renderNotesOverlay = function renderNotesOverlay() {
     if (!notes || !noteMarkers || noteMarkers.length === 0) return null;
-    var shouldShowControls = areControlsVisible || isFullscreen;
+    var shouldShowControls = isControlsActive || isFullscreen;
     var cssClass = shouldShowControls ? 'controls-visible' : '';
     // Use absolute positioning relative to fullscreen element
     var fullscreenStyle = {
@@ -85760,69 +85766,6 @@ var VideoPlayer = function VideoPlayer(_ref) {
     }
     return overlayJSX;
   };
-  // Track controls visibility for notes (when not in fullscreen mode)
-  React.useEffect(function () {
-    var handleControlsToggle = function handleControlsToggle() {
-      // Show notes initially when controls become visible (non-fullscreen mode)
-      if (!isFullscreen) {
-        // Clear any existing hide timeout
-        if (hideTimeoutRef.current) {
-          clearTimeout(hideTimeoutRef.current);
-          hideTimeoutRef.current = null;
-        }
-      }
-    };
-    handleControlsToggle();
-  }, [areControlsVisible, isFullscreen]);
-  // Observe the video player controls visibility
-  React.useEffect(function () {
-    if (!playerContainerRef.current) return;
-    var container = playerContainerRef.current;
-    var checkControlsVisibility = function checkControlsVisibility() {
-      // Look for the controls element using various selectors
-      var controlsSelectors = ['[class*="StyledControlsContainer"]', '[class*="Controls"]', '[class*="controls"]', 'div[style*="visibility"]'];
-      var controlsElement = null;
-      for (var _i = 0, _controlsSelectors = controlsSelectors; _i < _controlsSelectors.length; _i++) {
-        var selector = _controlsSelectors[_i];
-        controlsElement = container.querySelector(selector);
-        if (controlsElement) break;
-      }
-      if (controlsElement) {
-        var style = window.getComputedStyle(controlsElement);
-        var isVisible = style.visibility === 'visible';
-        setAreControlsVisible(isVisible);
-      }
-    };
-    // Create MutationObserver to watch for style changes
-    observerRef.current = new MutationObserver(function () {
-      checkControlsVisibility();
-    });
-    // Observe the entire container for style changes
-    observerRef.current.observe(container, {
-      attributes: true,
-      subtree: true,
-      attributeFilter: ['style', 'class']
-    });
-    // Also listen for mouse events to trigger checks
-    var handleMouseMove = function handleMouseMove() {
-      setAreControlsVisible(true);
-      checkControlsVisibility();
-    };
-    var handleMouseLeave = function handleMouseLeave() {
-      setTimeout(checkControlsVisibility, CONTROLS_CHECK_DELAY);
-    };
-    container.addEventListener('mousemove', handleMouseMove);
-    container.addEventListener('mouseleave', handleMouseLeave);
-    // Initial check
-    setTimeout(checkControlsVisibility, CONTROLS_CHECK_DELAY);
-    return function () {
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-      }
-      container.removeEventListener('mousemove', handleMouseMove);
-      container.removeEventListener('mouseleave', handleMouseLeave);
-    };
-  }, []);
   React.useEffect(function () {
     var cleanup = injectHLSSubtitleStyles();
     return cleanup;

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { z as ActivityIcon, _ as AddAlt, bX as AddCircleIcon, a5 as AddIcon, a0 as AddStudent, Z as Analytics, a6 as AnalyticsIcon, bl as ArchiveIcon, Y as ArrowDropDownIcon, aE as ArrowDropUpIcon, a7 as AssignTutor, A as AudioPlayer, bm as BackspaceRoundedIcon, bn as BackupIcon, k as Badge, a8 as Book, a9 as BookWithBookmark, h as Breadcrumb, aa as BusinessIcon, B as Button, bY as CancelIcon, ab as CaretDown, bZ as Check, b_ as CheckBoxIcon, cj as CheckBoxOutlineBlankIcon, b$ as CheckCircleIcon, c0 as CheckCircleOutlineOutlinedIcon, bo as CheckCircleOutlineRoundedIcon, e as Checkbox, ac as CheckedIcon, ad as Checkmark, ae as CheckmarkOutline, af as CheckmarkOutlineAction, ck as ChevronRightIcon, a3 as Circle, aF as CircleNotificationsIcon, ag as Close, ah as CloseIcon, ai as CloseOutline, aj as CloseOutlineAction, bp as ClosedCaptionIcon, bq as CloudDownloadIcon, ak as Coach, j as ColorPicker, p as ColumnNavigation, $ as Company, br as ContactSupportOutlinedIcon, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, al as DarkAddAlt, am as DarkAiAssistent, an as DarkCloseOutline, ao as DarkTrashCan, ci as DashboardIcon, d as DatePicker, ap as DefaultAvatar, aq as Delete, bH as DeleteForeverRoundedIcon, ba as DeleteIcon, cl as DeleteIconRounded, ar as DocumentAttachment, at as Download, as as DownloadIcon, c1 as DragIndicatorIcon, x as DrawerTips, D as DropDown, au as Edit, c2 as EditIcon, av as EditRounded, aw as EditUsers, ax as Education, ay as EducationDefault, az as EmailIcon, c3 as ErrorOutlineIcon, bs as ErrorOutlineRoundedIcon, aA as EventIcon, c4 as ExpandMoreIcon, bI as FeaturedPlayListIcon, bJ as FiberManualRecordIcon, bt as FileCopyIcon, ch as FileUploadOutlinedIcon, aH as FilterIcon, c5 as GetAppIcon, aI as GrayDownload, aO as GrayPlayIcon, G as GridActionMenu, aP as GridView, aQ as Group, aR as GroupDefault, bK as GroupOutlined, bL as GroupsOutlined, bu as HeadsetIcon, H as HeartIcon, aS as Help, aK as HelpIcon, c6 as HighlightOffRoundedIcon, aT as HorizontalView, bM as HourglassEmptyIcon, bN as ImageIcon, aU as Information, c7 as InsertDriveFileIcon, aG as KeyboardBackspaceIcon, a1 as Learning, a4 as Library, L as Loader, aB as LocationCityIcon, aC as LocationOnIcon, bv as LockIcon, aV as Locked, aW as Logout, aD as MarkunreadMailboxIcon, F as MaximizeIcon, X as MeterIcon, M as MinimizeIcon, bO as MoreHorizIcon, aX as MoreVertRoundedIcon, aY as MyProfile, N as NavigationBar, aZ as NewFilter, bx as NotesIcon, a_ as Notification, bw as NotificationsOutlined, c8 as OndemandVideoIcon, f as Pagination, I as PauseIcon, bP as PermMediaIcon, aJ as Person, P as PhoneCountryCode, aL as PhoneIphoneIcon, n as PiPProvider, c9 as PictureInPictureIcon, a$ as PlayButton, by as PlayCircleOutlineIcon, aN as PlayGrayButton, K as PlayIcon, bQ as PlaylistAddIcon, bz as PlaylistPlayIcon, b0 as PresentationScreen, b1 as Profile, aM as PublicIcon, ca as PublishIcon, R as RadioButton, y as RangeSlider, bR as RecordVoiceOverOutlined, b2 as RedDeleteIcon, b3 as RemoveAlt, b4 as RemoveAltDisable, cb as RemoveCircleIcon, b5 as RemoveFilter, cc as ReportProblemIcon, b6 as Reset, O as RewindIcon, cm as SchoolIcon, bA as SchoolOutlinedIcon, b7 as Search, S as SearchInput, b8 as SearchRounded, bS as Send, b9 as SendAlt, cd as SettingsApplicationsIcon, bB as SettingsOutlinedIcon, Q as SkipIcon, o as SplashScreen, ce as StarsRoundedIcon, q as StatusIndicator, W as SubtitlesIcon, bc as SwitchCompany, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, bD as TimeIcon, bC as Timeline, l as TooltipHeight, T as TranslationProvider, bd as TrashCan, be as TrashCanAction, bf as TrashCanRed, bE as TrendingUpOutlinedIcon, bg as UnfillPlay, bh as Unlock, bb as Unlocked, U as Uploader, bi as UserActivity, bj as UserSpeaker, a2 as UsersIcon, cf as VideoCallIcon, E as VideoCheckmarkIcon, V as VideoPlayer, bT as ViewCompactIcon, bU as ViewListIcon, bF as Visibility, bG as VisibilityOff, J as VolumeMuteIcon, cg as VolumeUpIcon, bk as WhiteAiAssistant, bV as WorkOutlineOutlinedIcon, bW as ZoomInIcon, w as activeTabClassName, u as usePiP, v as version } from './index-Chw9t-e6.esm.js';
+export { z as ActivityIcon, _ as AddAlt, bX as AddCircleIcon, a5 as AddIcon, a0 as AddStudent, Z as Analytics, a6 as AnalyticsIcon, bl as ArchiveIcon, Y as ArrowDropDownIcon, aE as ArrowDropUpIcon, a7 as AssignTutor, A as AudioPlayer, bm as BackspaceRoundedIcon, bn as BackupIcon, k as Badge, a8 as Book, a9 as BookWithBookmark, h as Breadcrumb, aa as BusinessIcon, B as Button, bY as CancelIcon, ab as CaretDown, bZ as Check, b_ as CheckBoxIcon, cj as CheckBoxOutlineBlankIcon, b$ as CheckCircleIcon, c0 as CheckCircleOutlineOutlinedIcon, bo as CheckCircleOutlineRoundedIcon, e as Checkbox, ac as CheckedIcon, ad as Checkmark, ae as CheckmarkOutline, af as CheckmarkOutlineAction, ck as ChevronRightIcon, a3 as Circle, aF as CircleNotificationsIcon, ag as Close, ah as CloseIcon, ai as CloseOutline, aj as CloseOutlineAction, bp as ClosedCaptionIcon, bq as CloudDownloadIcon, ak as Coach, j as ColorPicker, p as ColumnNavigation, $ as Company, br as ContactSupportOutlinedIcon, C as CourseCard, c as CustomSwitcher, m as CustomTooltip, al as DarkAddAlt, am as DarkAiAssistent, an as DarkCloseOutline, ao as DarkTrashCan, ci as DashboardIcon, d as DatePicker, ap as DefaultAvatar, aq as Delete, bH as DeleteForeverRoundedIcon, ba as DeleteIcon, cl as DeleteIconRounded, ar as DocumentAttachment, at as Download, as as DownloadIcon, c1 as DragIndicatorIcon, x as DrawerTips, D as DropDown, au as Edit, c2 as EditIcon, av as EditRounded, aw as EditUsers, ax as Education, ay as EducationDefault, az as EmailIcon, c3 as ErrorOutlineIcon, bs as ErrorOutlineRoundedIcon, aA as EventIcon, c4 as ExpandMoreIcon, bI as FeaturedPlayListIcon, bJ as FiberManualRecordIcon, bt as FileCopyIcon, ch as FileUploadOutlinedIcon, aH as FilterIcon, c5 as GetAppIcon, aI as GrayDownload, aO as GrayPlayIcon, G as GridActionMenu, aP as GridView, aQ as Group, aR as GroupDefault, bK as GroupOutlined, bL as GroupsOutlined, bu as HeadsetIcon, H as HeartIcon, aS as Help, aK as HelpIcon, c6 as HighlightOffRoundedIcon, aT as HorizontalView, bM as HourglassEmptyIcon, bN as ImageIcon, aU as Information, c7 as InsertDriveFileIcon, aG as KeyboardBackspaceIcon, a1 as Learning, a4 as Library, L as Loader, aB as LocationCityIcon, aC as LocationOnIcon, bv as LockIcon, aV as Locked, aW as Logout, aD as MarkunreadMailboxIcon, F as MaximizeIcon, X as MeterIcon, M as MinimizeIcon, bO as MoreHorizIcon, aX as MoreVertRoundedIcon, aY as MyProfile, N as NavigationBar, aZ as NewFilter, bx as NotesIcon, a_ as Notification, bw as NotificationsOutlined, c8 as OndemandVideoIcon, f as Pagination, I as PauseIcon, bP as PermMediaIcon, aJ as Person, P as PhoneCountryCode, aL as PhoneIphoneIcon, n as PiPProvider, c9 as PictureInPictureIcon, a$ as PlayButton, by as PlayCircleOutlineIcon, aN as PlayGrayButton, K as PlayIcon, bQ as PlaylistAddIcon, bz as PlaylistPlayIcon, b0 as PresentationScreen, b1 as Profile, aM as PublicIcon, ca as PublishIcon, R as RadioButton, y as RangeSlider, bR as RecordVoiceOverOutlined, b2 as RedDeleteIcon, b3 as RemoveAlt, b4 as RemoveAltDisable, cb as RemoveCircleIcon, b5 as RemoveFilter, cc as ReportProblemIcon, b6 as Reset, O as RewindIcon, cm as SchoolIcon, bA as SchoolOutlinedIcon, b7 as Search, S as SearchInput, b8 as SearchRounded, bS as Send, b9 as SendAlt, cd as SettingsApplicationsIcon, bB as SettingsOutlinedIcon, Q as SkipIcon, o as SplashScreen, ce as StarsRoundedIcon, q as StatusIndicator, W as SubtitlesIcon, bc as SwitchCompany, t as TabNavigation, s as TabPanel, b as ThemeProvider, i as Tile, bD as TimeIcon, bC as Timeline, l as TooltipHeight, T as TranslationProvider, bd as TrashCan, be as TrashCanAction, bf as TrashCanRed, bE as TrendingUpOutlinedIcon, bg as UnfillPlay, bh as Unlock, bb as Unlocked, U as Uploader, bi as UserActivity, bj as UserSpeaker, a2 as UsersIcon, cf as VideoCallIcon, E as VideoCheckmarkIcon, V as VideoPlayer, bT as ViewCompactIcon, bU as ViewListIcon, bF as Visibility, bG as VisibilityOff, J as VolumeMuteIcon, cg as VolumeUpIcon, bk as WhiteAiAssistant, bV as WorkOutlineOutlinedIcon, bW as ZoomInIcon, w as activeTabClassName, u as usePiP, v as version } from './index-CeU3AhyS.esm.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-transition-group';

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-xcZL2vZI.js');
+var index = require('./index-CmjSbbld.js');
 require('react/jsx-runtime');
 require('react');
 require('react-transition-group');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "suada-components",
   "private": false,
-  "version": "1.15.2",
+  "version": "1.16.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",