@halibegic/react-video-player 0.0.37 → 0.0.39

package/dist/stores/live-player-store.d.ts

@@ -2,10 +2,12 @@ import { PropsWithChildren } from 'react';
 type State = {
     delay: number;
     startDate: Date | null;
+    viewerCount: number | null;
 };
 type Actions = {
     setDelay: (delay: number) => void;
     setStartDate: (startDate: Date) => void;
+    setViewerCount: (count: number | null) => void;
 };
 type LivePlayerStore = State & Actions;
 declare const LivePlayerStoreProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/style.css

@@ -1 +1 @@
-._playerNotice_lq5nz_1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#000}._playerNoticeTitle_lq5nz_17{margin:0;padding:.5rem 0;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._playerNoticeText_lq5nz_26{margin:0;height:1.25rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._playerNoticeLowZIndex_lq5nz_35{z-index:5}._playerVideo_wc0sm_1{position:relative;width:100%;height:100%}@media (min-width: 768px){._playerVideo_wc0sm_1{pointer-events:none}}._playbackButton_lgsgw_1{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;cursor:default;align-items:center;justify-content:center;margin:0;padding:0;outline:none;background:none;border:none;-webkit-tap-highlight-color:transparent}._playbackButton_lgsgw_1:focus{outline:none}._seekIndicator_lgsgw_23{position:absolute;top:50%;width:50%;display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-variant-numeric:tabular-nums;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1;user-select:none;outline:none;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.5);border-radius:1rem;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;-webkit-tap-highlight-color:transparent}._seekIndicatorLeft_lgsgw_49{left:0}._seekIndicatorRight_lgsgw_53{right:0}._seekIndicatorVisible_lgsgw_57{opacity:1}._playerButton_izwqq_1{margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;cursor:pointer;color:#fff;background:none;border:none;border-radius:1rem;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent}._playerButton_izwqq_1 svg{width:1.25rem;height:1.25rem;flex-shrink:0;pointer-events:none}._playerButton_izwqq_1:hover,._button_izwqq_29:focus{color:#fffc}._playerButton_izwqq_1:focus{outline:none}._playerButton_izwqq_1:disabled{opacity:.5;cursor:not-allowed}._playerButtonCircle_izwqq_42{padding:0;width:2rem;height:2rem}._liveIndicator_1jczn_1{margin-right:.5rem;width:.4rem;height:.4rem;border-radius:.2rem;transition:background-color .2s ease}._liveIndicatorHasDelay_1jczn_9{background:gray}._liveIndicatorNoDelay_1jczn_13{background:red}._progressSlider_hwzgf_1{position:relative;width:100%;margin-bottom:-.25rem}._tipContainer_hwzgf_7{position:absolute;bottom:1.5rem;left:0;z-index:10;pointer-events:none;user-select:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out}._tipContainerVisible_hwzgf_17{opacity:1;transform:translateY(0)}._tipContainerHidden_hwzgf_22{opacity:0;transform:translateY(-.5rem)}._tipContent_hwzgf_27{margin:0;padding:.25rem .5rem;font-variant-numeric:tabular-nums;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;text-align:center;color:#000;background:#fff;border-radius:1rem}._sliderRoot_aeak6_1{position:relative;display:flex;align-items:center;width:100%;height:1rem;touch-action:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}._sliderRoot_aeak6_1[data-disabled]{cursor:not-allowed;opacity:.5}._sliderTrack_aeak6_18{position:relative;height:.25rem;flex-grow:1;background:#fff3;border-radius:1rem;overflow:hidden;-webkit-tap-highlight-color:transparent}._sliderRange_aeak6_28{position:absolute;height:100%;background:#f7e406;transition:width .2s ease-in-out;border-radius:1rem;-webkit-tap-highlight-color:transparent}._sliderThumb_aeak6_37{display:block;width:.875rem;height:.875rem;cursor:pointer;background:#fff;transition:all .2s ease-in-out;box-shadow:0 .125rem .25rem #0003;border-radius:50%;-webkit-tap-highlight-color:transparent}._sliderThumb_aeak6_37:hover{box-shadow:0 .25rem .5rem #0006}._sliderThumb_aeak6_37:focus{outline:none;box-shadow:0 0 0 .125rem #f7e40680}._sliderThumb_aeak6_37[data-disabled]{cursor:not-allowed;opacity:.5}._playerContainer_1fn8l_1{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:#000;overflow:hidden}._topControls_1fn8l_12{position:absolute;left:0;width:100%;top:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);padding-top:.5rem;padding-bottom:1rem}@media (min-width: 768px){._topControls_1fn8l_12{padding-bottom:2rem}}._controlsBottom_1fn8l_29{position:absolute;left:0;width:100%;bottom:0;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding-top:1rem}@media (min-width: 768px){._controlsBottom_1fn8l_29{padding-top:2rem}}._controlsContainer_1fn8l_45{display:flex;flex-direction:column;padding-left:.5rem;padding-right:.5rem;line-height:1;font-size:0}@media (min-width: 768px){._controlsContainer_1fn8l_45{padding-left:1rem;padding-right:1rem}}._controlsRow_1fn8l_61{display:flex;padding:.5rem 0;width:100%;align-items:center}._controlsSection_1fn8l_68{display:flex;flex:1;align-items:center}._controlsSection_1fn8l_68>:not(:last-child){margin-right:.5rem}._controlsSectionStart_1fn8l_78{justify-content:flex-start}._controlsSectionEnd_1fn8l_82{justify-content:flex-end}._idleCheckContainer_iz9tu_1{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease-in-out}._idleCheckContainerIdle_iz9tu_10{cursor:none;opacity:0}._idleCheckContainerActive_iz9tu_15{cursor:auto;opacity:1}@keyframes _spin_oo4hi_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_oo4hi_10{width:1.5rem;height:1.5rem;border:2px solid white;border-bottom-color:transparent;border-radius:50%;animation:_spin_oo4hi_10 1s linear infinite}._loadingContainer_v9v7r_1{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center}._dropdownMenuContent_11aiz_1{display:flex;flex-direction:column;padding:0;min-width:8rem;height:8rem;border-radius:.25rem;background:#000c;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:1000;overflow:hidden}@media (min-width: 768px){._dropdownMenuContent_11aiz_1{height:12rem}}._dropdownMenuContent_11aiz_1[data-state=open][data-side=top]{animation-name:_slideDownAndFade_11aiz_1}._dropdownMenuContent_11aiz_1[data-state=open][data-side=right]{animation-name:_slideLeftAndFade_11aiz_1}._dropdownMenuContent_11aiz_1[data-state=open][data-side=bottom]{animation-name:_slideUpAndFade_11aiz_1}._dropdownMenuContent_11aiz_1[data-state=open][data-side=left]{animation-name:_slideRightAndFade_11aiz_1}@keyframes _slideUpAndFade_11aiz_1{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideRightAndFade_11aiz_1{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes _slideDownAndFade_11aiz_1{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideLeftAndFade_11aiz_1{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}._dropdownMenuItem_11aiz_82{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem;cursor:pointer;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1;user-select:none;outline:none;color:#fff;border-radius:.5rem;transition:color .2s ease;-webkit-tap-highlight-color:transparent}._dropdownMenuItem_11aiz_82 svg{width:1rem;height:1rem;flex-shrink:0;pointer-events:none}._dropdownMenuItem_11aiz_82:hover,._dropdownMenuItem_11aiz_82:focus{color:#fffc}._dropdownMenuItem_11aiz_82:focus{outline:none}._dropdownMenuItem_11aiz_82[data-disabled]{color:#ffffff80;pointer-events:none}._scrollAreaRoot_11aiz_124{width:100%;flex:1;min-height:0;border-radius:.25rem;overflow:hidden}._scrollAreaViewport_11aiz_132{width:100%;height:100%;border-radius:.25rem;padding:.25rem;-webkit-overflow-scrolling:touch}._scrollAreaScrollbar_11aiz_140{display:flex;user-select:none;touch-action:none;padding:.125rem;background:transparent;transition:background-color .2s ease-out;width:.5rem}._scrollAreaScrollbar_11aiz_140[data-orientation=vertical]{width:.5rem}._scrollAreaScrollbar_11aiz_140[data-orientation=horizontal]{flex-direction:column;height:.75rem}._scrollAreaScrollbar_11aiz_140[data-state=visible]{animation:_fadeIn_11aiz_1 .15s ease-out}._scrollAreaScrollbar_11aiz_140[data-state=hidden]{animation:_fadeOut_11aiz_1 .15s ease-out}._scrollAreaThumb_11aiz_167{flex:1;background:#ffffff4d;border-radius:.375rem;position:relative;transition:background-color .2s ease-out}._scrollAreaThumb_11aiz_167:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:2.25rem;min-height:2.25rem}._scrollAreaThumb_11aiz_167:hover{background:#ffffff80}@keyframes _fadeIn_11aiz_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_11aiz_1{0%{opacity:1}to{opacity:0}}._volumeContainer_4d6jg_1{display:flex;align-items:center;width:3rem;transition:all .2s ease-in-out}._volumeSlider_4d6jg_8{margin-left:.25rem;width:0;opacity:0;transition:all .2s ease-in-out}@media (min-width: 768px){._volumeContainer_4d6jg_1:hover{width:6rem}._volumeContainer_4d6jg_1:hover ._volumeSlider_4d6jg_8{width:100%;opacity:1}}._remainingTimeContainer_1yyhb_1{display:flex;align-items:center}._remainingTime_1yyhb_1{margin:0;padding:0;font-variant-numeric:tabular-nums;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;user-select:none}._remainingSeparator_1yyhb_17{margin:0;padding:0 .5rem;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._remainingSeparator_1yyhb_17:before{content:"/"}
+._playerNotice_lq5nz_1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:#000}._playerNoticeTitle_lq5nz_17{margin:0;padding:.5rem 0;font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._playerNoticeText_lq5nz_26{margin:0;height:1.25rem;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._playerNoticeLowZIndex_lq5nz_35{z-index:5}._playerVideo_wc0sm_1{position:relative;width:100%;height:100%}@media (min-width: 768px){._playerVideo_wc0sm_1{pointer-events:none}}._playbackButton_lgsgw_1{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;cursor:default;align-items:center;justify-content:center;margin:0;padding:0;outline:none;background:none;border:none;-webkit-tap-highlight-color:transparent}._playbackButton_lgsgw_1:focus{outline:none}._seekIndicator_lgsgw_23{position:absolute;top:50%;width:50%;display:flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-variant-numeric:tabular-nums;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1;user-select:none;outline:none;color:#fff;text-shadow:0 0 .5rem rgba(0,0,0,.5);border-radius:1rem;transform:translateY(-50%);pointer-events:none;opacity:0;transition:opacity .2s ease-in-out;-webkit-tap-highlight-color:transparent}._seekIndicatorLeft_lgsgw_49{left:0}._seekIndicatorRight_lgsgw_53{right:0}._seekIndicatorVisible_lgsgw_57{opacity:1}._playerButton_izwqq_1{margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;cursor:pointer;color:#fff;background:none;border:none;border-radius:1rem;transition:color .2s ease-in-out;-webkit-tap-highlight-color:transparent}._playerButton_izwqq_1 svg{width:1.25rem;height:1.25rem;flex-shrink:0;pointer-events:none}._playerButton_izwqq_1:hover,._button_izwqq_29:focus{color:#fffc}._playerButton_izwqq_1:focus{outline:none}._playerButton_izwqq_1:disabled{opacity:.5;cursor:not-allowed}._playerButtonCircle_izwqq_42{padding:0;width:2rem;height:2rem}._liveIndicator_1jczn_1{margin-right:.5rem;width:.4rem;height:.4rem;border-radius:.2rem;transition:background-color .2s ease}._liveIndicatorHasDelay_1jczn_9{background:gray}._liveIndicatorNoDelay_1jczn_13{background:red}._progressSlider_hwzgf_1{position:relative;width:100%;margin-bottom:-.25rem}._tipContainer_hwzgf_7{position:absolute;bottom:1.5rem;left:0;z-index:10;pointer-events:none;user-select:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out}._tipContainerVisible_hwzgf_17{opacity:1;transform:translateY(0)}._tipContainerHidden_hwzgf_22{opacity:0;transform:translateY(-.5rem)}._tipContent_hwzgf_27{margin:0;padding:.25rem .5rem;font-variant-numeric:tabular-nums;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;text-align:center;color:#000;background:#fff;border-radius:1rem}._sliderRoot_aeak6_1{position:relative;display:flex;align-items:center;width:100%;height:1rem;touch-action:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}._sliderRoot_aeak6_1[data-disabled]{cursor:not-allowed;opacity:.5}._sliderTrack_aeak6_18{position:relative;height:.25rem;flex-grow:1;background:#fff3;border-radius:1rem;overflow:hidden;-webkit-tap-highlight-color:transparent}._sliderRange_aeak6_28{position:absolute;height:100%;background:#f7e406;transition:width .2s ease-in-out;border-radius:1rem;-webkit-tap-highlight-color:transparent}._sliderThumb_aeak6_37{display:block;width:.875rem;height:.875rem;cursor:pointer;background:#fff;transition:all .2s ease-in-out;box-shadow:0 .125rem .25rem #0003;border-radius:50%;-webkit-tap-highlight-color:transparent}._sliderThumb_aeak6_37:hover{box-shadow:0 .25rem .5rem #0006}._sliderThumb_aeak6_37:focus{outline:none;box-shadow:0 0 0 .125rem #f7e40680}._sliderThumb_aeak6_37[data-disabled]{cursor:not-allowed;opacity:.5}._viewersContainer_bsl3f_1{display:flex;align-items:center;padding:.25rem .5rem;color:#fff;font-size:.875rem;font-weight:500;background:#000c;border-radius:1rem;user-select:none}._viewersIndicator_bsl3f_13{width:.4rem;height:.4rem;background-color:red;border-radius:.2rem;margin-right:.15rem}._viewersIcon_bsl3f_21{flex-shrink:0}._viewersCount_bsl3f_25{margin-left:.15rem;line-height:1}._playerContainer_146tx_1{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;background:#000;overflow:hidden}._controlsTop_146tx_12{position:absolute;left:0;width:100%;top:0;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent);padding-top:.5rem;padding-bottom:1rem}@media (min-width: 768px){._controlsTop_146tx_12{padding-bottom:2rem}}._controlsBottom_146tx_29{position:absolute;left:0;width:100%;bottom:0;z-index:10;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);padding-top:1rem}@media (min-width: 768px){._controlsBottom_146tx_29{padding-top:2rem}}._controlsContainer_146tx_45{display:flex;flex-direction:column;padding-left:.5rem;padding-right:.5rem;line-height:1;font-size:0}@media (min-width: 768px){._controlsContainer_146tx_45{padding-left:1rem;padding-right:1rem}}._controlsRow_146tx_61{display:flex;padding:.5rem 0;width:100%;align-items:center}._controlsSection_146tx_68{display:flex;flex:1;align-items:center}._controlsSection_146tx_68>:not(:last-child){margin-right:.5rem}._controlsSectionStart_146tx_78{justify-content:flex-start}._controlsSectionEnd_146tx_82{justify-content:flex-end}._idleCheckContainer_iz9tu_1{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .2s ease-in-out}._idleCheckContainerIdle_iz9tu_10{cursor:none;opacity:0}._idleCheckContainerActive_iz9tu_15{cursor:auto;opacity:1}@keyframes _spin_oo4hi_10{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_oo4hi_10{width:1.5rem;height:1.5rem;border:2px solid white;border-bottom-color:transparent;border-radius:50%;animation:_spin_oo4hi_10 1s linear infinite}._loadingContainer_v9v7r_1{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center}._dropdownMenuContent_b7j6b_1{display:flex;flex-direction:column;padding:0;min-width:8rem;min-height:6rem;max-height:8rem;background:#000c;border-radius:.25rem;animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);will-change:transform,opacity;z-index:1000;overflow:hidden}@media (min-width: 768px){._dropdownMenuContent_b7j6b_1{height:12rem}}._dropdownMenuContent_b7j6b_1[data-state=open][data-side=top]{animation-name:_slideDownAndFade_b7j6b_1}._dropdownMenuContent_b7j6b_1[data-state=open][data-side=right]{animation-name:_slideLeftAndFade_b7j6b_1}._dropdownMenuContent_b7j6b_1[data-state=open][data-side=bottom]{animation-name:_slideUpAndFade_b7j6b_1}._dropdownMenuContent_b7j6b_1[data-state=open][data-side=left]{animation-name:_slideRightAndFade_b7j6b_1}@keyframes _slideUpAndFade_b7j6b_1{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideRightAndFade_b7j6b_1{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@keyframes _slideDownAndFade_b7j6b_1{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes _slideLeftAndFade_b7j6b_1{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}._dropdownMenuItem_b7j6b_83{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem;cursor:pointer;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;line-height:1;user-select:none;outline:none;color:#fff;border-radius:.5rem;transition:color .2s ease;-webkit-tap-highlight-color:transparent}._dropdownMenuItem_b7j6b_83 svg{width:1rem;height:1rem;flex-shrink:0;pointer-events:none}._dropdownMenuItem_b7j6b_83:hover,._dropdownMenuItem_b7j6b_83:focus{color:#fffc}._dropdownMenuItem_b7j6b_83:focus{outline:none}._dropdownMenuItem_b7j6b_83[data-disabled]{color:#ffffff80;pointer-events:none}._scrollAreaRoot_b7j6b_125{width:100%;flex:1;min-height:0;border-radius:.25rem;overflow:hidden}._scrollAreaViewport_b7j6b_133{width:100%;height:100%;border-radius:.25rem;padding:.25rem;-webkit-overflow-scrolling:touch}._scrollAreaScrollbar_b7j6b_141{display:flex;user-select:none;touch-action:none;padding:.125rem;background:transparent;transition:background-color .2s ease-out;width:.5rem}._scrollAreaScrollbar_b7j6b_141[data-orientation=vertical]{width:.5rem}._scrollAreaScrollbar_b7j6b_141[data-orientation=horizontal]{flex-direction:column;height:.75rem}._scrollAreaScrollbar_b7j6b_141[data-state=visible]{animation:_fadeIn_b7j6b_1 .15s ease-out}._scrollAreaScrollbar_b7j6b_141[data-state=hidden]{animation:_fadeOut_b7j6b_1 .15s ease-out}._scrollAreaThumb_b7j6b_168{flex:1;background:#ffffff4d;border-radius:.375rem;position:relative;transition:background-color .2s ease-out}._scrollAreaThumb_b7j6b_168:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:2.25rem;min-height:2.25rem}._scrollAreaThumb_b7j6b_168:hover{background:#ffffff80}@keyframes _fadeIn_b7j6b_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_b7j6b_1{0%{opacity:1}to{opacity:0}}._volumeContainer_4d6jg_1{display:flex;align-items:center;width:3rem;transition:all .2s ease-in-out}._volumeSlider_4d6jg_8{margin-left:.25rem;width:0;opacity:0;transition:all .2s ease-in-out}@media (min-width: 768px){._volumeContainer_4d6jg_1:hover{width:6rem}._volumeContainer_4d6jg_1:hover ._volumeSlider_4d6jg_8{width:100%;opacity:1}}._remainingTimeContainer_1yyhb_1{display:flex;align-items:center}._remainingTime_1yyhb_1{margin:0;padding:0;font-variant-numeric:tabular-nums;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;user-select:none}._remainingSeparator_1yyhb_17{margin:0;padding:0 .5rem;font-size:.8125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500}._remainingSeparator_1yyhb_17:before{content:"/"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@halibegic/react-video-player",
   "description": "A React video player library with HLS support for VOD and Live streaming",
-  "version": "0.0.37",
+  "version": "0.0.39",
   "license": "MIT",
   "keywords": [
     "react",