@instructure/studio-player 0.1.4 → 0.1.5

package/dist/index.css

@@ -1 +1 @@
-._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._root_zdwuq_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 500px) and (height <= 300px){._root_zdwuq_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_zdwuq_1{background-color:#000}._left-controls_zdwuq_27{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_zdwuq_33{display:flex;gap:.25rem;grid-area:right-controls}._indicators_zdwuq_39{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_zdwuq_39{font-size:1rem}}@container player (width >= 500px) and (height <= 300px){div._normal-timeline_zdwuq_48{display:none}}div._compact-timeline_zdwuq_54{display:none}@container player (width >= 500px) and (height <= 300px){div._compact-timeline_zdwuq_54{display:flex}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_rqjaq_1,._menu-options_rqjaq_6{display:flex;flex-direction:column}._menu-heading_rqjaq_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_rqjaq_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_rqjaq_33{display:block}._menu-item_rqjaq_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:1rem;line-height:1.5;font-family:inherit}._menu-item_rqjaq_33:hover,._menu-item_rqjaq_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_rqjaq_33[aria-checked=true] ._check-icon_rqjaq_27{visibility:visible}._menu-back-button_rqjaq_65{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-back-button_rqjaq_65:hover,._menu-back-button_rqjaq_65:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._switch-track_8rjat_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_8rjat_11{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_8rjat_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_8rjat_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_8rjat_31[aria-checked=true] ._switch-track_8rjat_1{background-color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-icon_8rjat_25{color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-thumb_8rjat_11{transform:translate(1rem,.125rem)}._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible) ._switch-track_8rjat_1{background-color:#e8e8e8}._switch-label_8rjat_68{flex-grow:1}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_v4lbu_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_v4lbu_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}._keyboard-shortcuts-overlay_uwwbr_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center}._keyboard-shortcuts-overlay_uwwbr_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_uwwbr_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_uwwbr_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_uwwbr_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_uwwbr_67:focus-visible{opacity:1}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_uwwbr_67{display:none}._close-button_uwwbr_91{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}@media (max-width: 425px){button._play-pause-button_1owe7_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_xbovu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px){._small-layout-overlay_xbovu_1{visibility:visible}}._small-layout-button_xbovu_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_xbovu_24,._small-layout-icon-pause_xbovu_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_xbovu_36{display:none}[data-fullscreen] ._full-screen-close-icon_xbovu_36{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer}[data-fullscreen][data-playing] ._full-screen-close-icon_xbovu_36,[data-media-player][data-playing] ._small-layout-button_xbovu_14{animation:_fade-out_xbovu_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_xbovu_24,[data-media-player][data-paused] ._small-layout-icon-pause_xbovu_30{display:none}@keyframes _fade-out_xbovu_1{0%{opacity:1}to{opacity:0}}._time-indicator_1wsym_1{display:flex;color:#556572}[data-fullscreen] ._time-indicator_1wsym_1{color:#fff}._timeline-wrapper_j9z56_1{display:flex;align-items:center;padding:0 var(--spacing-1);grid-area:slider}._track_j9z56_8{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_j9z56_19{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_j9z56_33{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_j9z56_33[data-active] ._track_j9z56_8{border-radius:var(--radius-2);height:.625rem}._root_j9z56_33[data-focus] ._track_j9z56_8{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_j9z56_33[data-active] ._thumb_j9z56_19{opacity:1}._track-inner_j9z56_63{position:absolute;will-change:width;height:100%}._progress_j9z56_69{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_j9z56_75{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_j9z56_33) ._track_j9z56_8{background-color:#333}:is([data-fullscreen] ._root_j9z56_33) ._progress_j9z56_69{background-color:#666}._wrapper_ulntk_1{display:flex;align-items:center}._track_ulntk_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_ulntk_18{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_ulntk_32{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}[data-fullscreen] ._track_ulntk_6{background-color:#666}[data-fullscreen] ._track-fill_ulntk_32,[data-fullscreen] ._thumb_ulntk_18{background-color:#f5f5f5}._root_ulntk_50{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_ulntk_50{display:none}}._root_ulntk_50[data-active] ._track_ulntk_6{border-radius:.125rem;height:.3125rem}._root_ulntk_50[data-focus]{outline:none}._root_ulntk_50[data-focus] ._track_ulntk_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_ulntk_50[data-active] ._thumb_ulntk_18{opacity:1}._wrapper_ulntk_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}[data-fullscreen] .controls-button-icon{color:#fff}[data-fullscreen] .controls-button[data-hover],[data-fullscreen] .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}
+._media-buffering-indicator_1fwjr_1{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;z-index:1;background-color:#00000080;transition:opacity .2s ease}[data-media-player][data-buffering] ._media-buffering-spinner_1fwjr_17{pointer-events:none;animation:_media-buffering-spin_1fwjr_17 1s linear infinite}._media-buffering-track_1fwjr_22{color:#f5f5f5;opacity:.25}._media-buffering-track-fill_1fwjr_27{color:var(--media-brand, #f5f5f5);opacity:.75}[data-media-player][data-buffering] ._media-buffering-indicator_1fwjr_1{opacity:1}@keyframes _media-buffering-spin_1fwjr_17{to{transform:rotate(360deg)}}._captions_13epz_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:var(--captions-flex-direction, column);align-items:center;padding:var(--spacing-3)}._captions_13epz_1[aria-hidden=true]{display:none}._captions_13epz_1 [data-part=cue-display]{display:inline-block;padding:var(--spacing-2);background-color:var(--captions-background-color, rgba(22 22 22 / .75));border-radius:var(--radius-2)}._captions_13epz_1 [data-part=cue]{color:var(--captions-color, white);text-align:center;max-width:50ch;line-height:1.5;font-size:calc(var(--captions-base-font-size-small) * var(--captions-font-size-multiplier, 1))}@container player (width > 425px){._captions_13epz_1 [data-part=cue]{font-size:calc(var(--captions-base-font-size-normal) * var(--captions-font-size-multiplier, 1))}}._root_zdwuq_1{background-color:var(--controls-layout-bg-color, #f5f5f5);padding:var(--spacing-1);display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-areas:"slider slider slider" "left-controls indicators right-controls";row-gap:.25rem;column-gap:1rem;border-bottom-left-radius:var(--radius-2);border-bottom-right-radius:var(--radius-2)}@container player (width >= 500px) and (height <= 300px){._root_zdwuq_1{grid-template-columns:auto auto 1fr auto;grid-template-areas:"left-controls indicators slider right-controls"}}[data-fullscreen] ._root_zdwuq_1{background-color:#000}._left-controls_zdwuq_27{display:flex;gap:.25rem;grid-area:left-controls}._right-controls_zdwuq_33{display:flex;gap:.25rem;grid-area:right-controls}._indicators_zdwuq_39{grid-area:indicators;font-size:.875rem}@container player (width > 425px) and (height > 300px){._indicators_zdwuq_39{font-size:1rem}}@container player (width >= 500px) and (height <= 300px){div._normal-timeline_zdwuq_48{display:none}}div._compact-timeline_zdwuq_54{display:none}@container player (width >= 500px) and (height <= 300px){div._compact-timeline_zdwuq_54{display:flex}}._menu-hint_k49ve_1{color:var(--settings-media-submenu-hint-color, #9ea6ad)}._menu-button_k49ve_5{position:relative;display:flex;align-items:center;width:100%;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-button_k49ve_5:hover,._menu-button_k49ve_5:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-button_k49ve_5:hover ._menu-hint_k49ve_1,._menu-button_k49ve_5:focus ._menu-hint_k49ve_1{color:var(--settings-media-hover-color, white)}._menu-label_k49ve_37{flex-grow:1;text-align:left}._menu-icon_k49ve_42{width:1.125rem;height:1.125rem}._main-menu_7h96l_1,._menu-container_rqjaq_1,._menu-options_rqjaq_6{display:flex;flex-direction:column}._menu-heading_rqjaq_11{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:block;margin:0 var(--spacing-2);padding-top:var(--spacing-2);padding-bottom:.5625rem;border-bottom:.0625rem solid #c7cdd1;font-weight:700;line-height:1.5}._check-icon_rqjaq_27{width:1.25rem;height:1.25rem;visibility:hidden}._menu-item-label_rqjaq_33{display:block}._menu-item_rqjaq_33{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;padding:6px 11px;gap:var(--spacing-2);cursor:pointer;font-size:1rem;line-height:1.5;font-family:inherit}._menu-item_rqjaq_33:hover,._menu-item_rqjaq_33:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._menu-item_rqjaq_33[aria-checked=true] ._check-icon_rqjaq_27{visibility:visible}._menu-back-button_rqjaq_65{display:flex;align-items:center;gap:var(--spacing-1);padding:6px 11px;color:var(--settings-submenu-color, #2d3b45);font-size:1rem;line-height:1.5;cursor:pointer;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;font-family:inherit}._menu-back-button_rqjaq_65:hover,._menu-back-button_rqjaq_65:focus{color:var(--settings-media-hover-color, white);background-color:var(--settings-media-hover-bg-color, rgb(43 122 188))}._switch-track_8rjat_1{position:relative;background-color:#e8e8e8;width:2.625rem;height:1.75rem;border-radius:.875rem;will-change:background-color;transition:background-color .2s}._switch-thumb_8rjat_11{background-color:#fff;width:1.5rem;height:1.5rem;border-radius:.75rem;transform:translate(.125rem,.125rem);box-shadow:#e8eaec 0 0 0 .0625rem inset;will-change:transform;transition:transform .2s;display:flex;align-items:center;justify-content:center}._switch-icon_8rjat_25{width:.875rem;height:.875rem;color:var(--settings-submenu-color)}._switch-body_8rjat_31{display:flex;align-items:center;gap:var(--spacing-1);padding:.375rem .6875rem;color:var(--settings-submenu-color);font-size:1rem;line-height:1.5;cursor:pointer;outline:none;touch-action:manipulation;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._switch-body_8rjat_31[aria-checked=true] ._switch-track_8rjat_1{background-color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-icon_8rjat_25{color:#03893d}._switch-body_8rjat_31[aria-checked=true] ._switch-thumb_8rjat_11{transform:translate(1rem,.125rem)}._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible{color:var(--settings-media-hover-color);background-color:var(--settings-media-hover-bg-color)}[aria-checked=true]:is(._switch-body_8rjat_31:hover,._switch-body_8rjat_31:focus-visible) ._switch-track_8rjat_1{background-color:#e8e8e8}._switch-label_8rjat_68{flex-grow:1}._settings-menu_hxlsv_1{display:flex;flex-direction:column;background-color:var(--settings-menu-bg-color, white);padding-top:.25rem;padding-bottom:.25rem;border-radius:var(--radius-2);width:294px;z-index:1000;filter:drop-shadow(0 .125rem .1875rem rgba(0 0 0 / .5))}._arrow_hxlsv_15{fill:#fff}._feedback-overlay_v4lbu_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:var(--spacing-4);flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;pointer-events:none}._feedback-message_v4lbu_14{font-weight:300;position:absolute;top:10%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-2);background-color:var(--feedback-message-bg-color, black);color:var(--feedback-message-color, white);border-radius:var(--radius-2);font-size:1rem;line-height:1.5;opacity:.75}._feedback-icon_v4lbu_30{box-sizing:border-box;display:inline-flex;color:var(--feedback-icon-color, white);padding:var(--spacing-3);width:4.5rem;height:4.5rem;background-color:var(--feedback-icon-bg-color, black);border-radius:var(--radius-3);animation:_feedback-icon-animation_v4lbu_1 .4s linear;animation-fill-mode:forwards;will-change:transform,opacity}._feedback-icon_v4lbu_30:has(.right){align-self:end}._feedback-icon_v4lbu_30:has(.left){align-self:start}._feedback-icon_v4lbu_30>svg{width:100%;height:100%}@keyframes _feedback-icon-animation_v4lbu_1{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:.5}}@media (max-width: 425px){[data-fullscreen] ._full-screen-button_1xm32_2{display:none}}[data-media-player][data-view-type=audio] ._full-screen-button_1xm32_2{display:none}._gestures-container_1fn3b_1{display:contents}._gesture_1fn3b_1{position:absolute;top:0;right:0;bottom:0;left:0}[data-fullscreen] ._gesture_1fn3b_1{top:3.625rem}._keyboard-shortcuts-overlay_uwwbr_1{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:#000000b3;color:#fff;padding:1.5rem;-webkit-user-select:none;user-select:none;overflow-y:auto;display:flex;flex-direction:column;align-items:center}._keyboard-shortcuts-overlay_uwwbr_1 header{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1rem;font-weight:500;margin:0}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 header) h2{font-size:1.5rem}}._keyboard-shortcuts-overlay_uwwbr_1 table{width:100%;max-width:54rem;padding:0;border-collapse:collapse}@container player (width > 400px) and (height > 300px){._keyboard-shortcuts-overlay_uwwbr_1 table{padding:2rem}}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tr{border-bottom:1px solid rgba(232 234 236 / .2)}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) tbody tr:last-child{border-bottom:none}:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{text-align:left;font-size:.75rem;line-height:1.5}@container player (width > 400px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:.875rem}}@container player (width >= 720px) and (height > 300px){:is(._keyboard-shortcuts-overlay_uwwbr_1 table) th,:is(._keyboard-shortcuts-overlay_uwwbr_1 table) td{font-size:1rem}}._keyboard-shortcuts-button_uwwbr_67{position:absolute;top:1rem;right:1rem;z-index:1;opacity:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-2);border:1px solid #d7dade;background:var(--controls-layout-bg-color)}._keyboard-shortcuts-button_uwwbr_67:focus-visible{opacity:1}[data-media-player][data-view-type=audio] ._keyboard-shortcuts-button_uwwbr_67{display:none}._close-button_uwwbr_91{background-color:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;width:2.25rem;height:2.25rem}@media (max-width: 425px) and (hover: none){button._play-pause-button_kyuc5_1{display:none}}._poster_195hi_1{width:100%;height:100%;object-fit:contain;position:absolute;display:none}._poster_195hi_1[data-visible]{display:block}._small-layout-overlay_38qhb_1{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;visibility:hidden;align-items:center;justify-content:center}@media (max-width: 425px) and (hover: none){._small-layout-overlay_38qhb_1{visibility:visible}}._small-layout-button_38qhb_14{width:5rem;height:5rem;background-color:#1616164d;display:flex;align-items:center;justify-content:center;border-radius:50%}._small-layout-icon-play_38qhb_24,._small-layout-icon-pause_38qhb_30{width:3rem;height:3rem;color:#fff}._full-screen-close-icon_38qhb_36{display:none}[data-fullscreen] ._full-screen-close-icon_38qhb_36{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;padding:1.25rem;color:#fff;cursor:pointer}[data-fullscreen][data-playing] ._full-screen-close-icon_38qhb_36,[data-media-player][data-playing] ._small-layout-button_38qhb_14{animation:_fade-out_38qhb_1 1s;animation-delay:1.5s;animation-fill-mode:forwards}[data-media-player][data-playing] ._small-layout-icon-play_38qhb_24,[data-media-player][data-paused] ._small-layout-icon-pause_38qhb_30{display:none}@keyframes _fade-out_38qhb_1{0%{opacity:1}to{opacity:0}}._time-indicator_1wsym_1{display:flex;color:#556572}[data-fullscreen] ._time-indicator_1wsym_1{color:#fff}._timeline-wrapper_j9z56_1{display:flex;align-items:center;padding:0 var(--spacing-1);grid-area:slider}._track_j9z56_8{width:100%;height:.25rem;will-change:height;position:relative;background-color:var(--timeline-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_j9z56_19{position:absolute;width:1.125rem;height:1.125rem;background-color:var(--timeline-thumb-color, #2b7abc);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._root_j9z56_33{display:inline-flex;width:100%;height:1.25rem;position:relative;align-items:center;contain:layout style;outline:none;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}._root_j9z56_33[data-active] ._track_j9z56_8{border-radius:var(--radius-2);height:.625rem}._root_j9z56_33[data-focus] ._track_j9z56_8{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_j9z56_33[data-active] ._thumb_j9z56_19{opacity:1}._track-inner_j9z56_63{position:absolute;will-change:width;height:100%}._progress_j9z56_69{z-index:0;width:var(--slider-progress, 0%);background-color:var(--timeline-track-progress-bg-color, #adb2b6)}._track-fill_j9z56_75{z-index:1;width:var(--slider-fill, 0%);background-color:var(--timeline-track-fill-bg-color, #2b7abc)}:is([data-fullscreen] ._root_j9z56_33) ._track_j9z56_8{background-color:#333}:is([data-fullscreen] ._root_j9z56_33) ._progress_j9z56_69{background-color:#666}._wrapper_d2nt6_1{display:flex;align-items:center}._track_d2nt6_6{width:100%;height:.25rem;will-change:height;background-color:var(--volume-track-bg-color, #ccd0d2);border-radius:var(--radius-1);contain:strict;transition:height .15s,border-radius .15s}._thumb_d2nt6_16{position:absolute;width:.875rem;height:.875rem;background-color:var(--volume-thumb-bg-color, #2d3b45);border-radius:var(--radius-3);cursor:pointer;opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .15s ease-in;left:var(--slider-fill);will-change:left}._track-fill_d2nt6_30{width:var(--slider-fill, 0%);will-change:width;height:100%;background-color:var(--volume-track-fill-bg-color, #2d3b45)}[data-fullscreen] ._track_d2nt6_6{background-color:#666}[data-fullscreen] ._track-fill_d2nt6_30,[data-fullscreen] ._thumb_d2nt6_16{background-color:#f5f5f5}._root_d2nt6_48{display:inline-flex;height:1.25rem;align-items:center;contain:layout style;cursor:pointer;user-select:none;touch-action:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;width:0;will-change:width,margin;transition:all .15s;box-sizing:border-box}@media (max-width: 425px) and (hover: none){._root_d2nt6_48{display:none}}._root_d2nt6_48[data-active] ._track_d2nt6_6{border-radius:.125rem;height:.3125rem}._root_d2nt6_48[data-focus]{outline:none}._root_d2nt6_48[data-focus] ._track_d2nt6_6{outline:2px solid var(--focus-outline-color);outline-offset:1px;border-radius:2px}._root_d2nt6_48[data-active] ._thumb_d2nt6_16{opacity:1}._wrapper_d2nt6_1:hover [data-media-volume-slider],[data-media-volume-slider][data-active]{margin-left:.5rem;width:4rem}[data-media-player]{--volume-track-bg-color: #ccd0d2;--volume-track-fill-bg-color: #2d3b45;--volume-thumb-bg-color: #2d3b45;--feedback-message-bg-color: black;--feedback-message-color: white;--feedback-icon-color: white;--feedback-icon-bg-color: black;--timeline-track-bg-color: #ccd0d2;--timeline-track-progress-bg-color: #adb2b6;--timeline-track-fill-bg-color: #2b7abc;--timeline-progress-bg-color: #adb2b6;--timeline-thumb-color: #2b7abc;--settings-menu-bg-color: white;--settings-submenu-color: #2d3b45;--settings-media-hover-color: white;--settings-media-hover-bg-color: rgb(43 122 188);--settings-media-submenu-hint-color: var(--settings-submenu-color);--captions-background-color: rgba(22 22 22 / .75);--captions-color: white;--captions-base-font-size-small: .75rem;--captions-base-font-size-normal: 1rem;--controls-layout-bg-color: #f5f5f5;--media-button-icon-color: #2d3b45;--media-button-icon-hover-color: #e0e0e0;--focus-outline-color: #2b7abc;--spacing-1: .5rem;--spacing-2: .625rem;--spacing-3: 1rem;--spacing-4: 2rem;--radius-1: .0625rem;--radius-2: .25rem;--radius-3: 50%;--media-button-area-size-small: 2rem;--media-button-area-size-medium: 2.5rem;--media-button-area-size-large: 3rem;--media-button-icon-size-small: 1rem;--media-button-icon-size-medium: 1.5rem;--media-button-icon-size-large: 1.5rem;outline:none;border-radius:var(--radius-2);position:relative;font-family:Lato,sans-serif;display:grid;container:player / size;width:100%;height:100%;grid-template-rows:1fr auto}[data-media-provider]{display:flex;position:relative;background-color:#000;contain:paint;border-top-left-radius:var(--radius-2);border-top-right-radius:var(--radius-2)}[data-media-provider] video,[data-media-provider] iframe{width:100%;height:100%;object-fit:contain;position:absolute}[data-media-player][data-view-type=audio]{container-type:normal;height:initial}[data-media-player][data-view-type=audio] [data-media-provider]{display:none}.controls-button{background-color:transparent;border:none;border-radius:var(--radius-2);cursor:pointer;padding:var(--spacing-1);margin:0;display:flex;align-items:center;justify-content:center;transition:background-color .2s;width:var(--media-button-area-size-small);height:var(--media-button-area-size-small)}@container player (width > 400px) and (height > 300px){.controls-button{width:var(--media-button-area-size-medium);height:var(--media-button-area-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button{width:var(--media-button-area-size-large);height:var(--media-button-area-size-large)}}.controls-button[data-hover],.controls-button:hover{background-color:var(--media-button-icon-hover-color, #e0e0e0)}.controls-button:focus-visible,.controls-button[data-focus]{outline:2px solid var(--focus-outline-color)}.controls-button-icon{color:var(--media-button-icon-color);width:var(--media-button-icon-size-small);height:var(--media-button-icon-size-small)}@container player (width > 400px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-medium);height:var(--media-button-icon-size-medium)}}@container player (width >= 720px) and (height > 300px){.controls-button-icon{width:var(--media-button-icon-size-large);height:var(--media-button-icon-size-large)}}[data-fullscreen] .controls-button-icon{color:#fff}[data-fullscreen] .controls-button[data-hover],[data-fullscreen] .controls-button:hover{background-color:#ffffff26}.icon-rotate{transition:transform .2s ease-out}.controls-button[aria-expanded=true] .icon-rotate{transform:rotate(60deg);transition:transform .1s ease-in}

package/dist/studio-player.es.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as a, Fragment as Q } from "react/jsx-runtime";
-import { Spinner as j, useMediaState as m, isTrackCaptionKind as de, useMediaRemote as O, Track as he, Captions as me, usePlaybackRateOptions as _e, useCaptionOptions as pe, useVideoQualityOptions as be, useMediaStore as W, FullscreenButton as J, useMediaPlayer as fe, PlayButton as ge, Poster as ke, Time as A, TimeSlider as B, MuteButton as we, VolumeSlider as S, MediaPlayer as Ce, MediaProvider as ve } from "@vidstack/react";
-import { createContext as X, useContext as i, useCallback as d, useEffect as G, useState as v, useMemo as Y, useRef as ye } from "react";
-import { useFloating as Le, autoUpdate as Me, flip as Ne, arrow as xe, useDismiss as Ie, useInteractions as Be, FloatingFocusManager as He, FloatingArrow as Ve } from "@floating-ui/react";
+import { Spinner as Z, useMediaState as m, isTrackCaptionKind as ue, useMediaRemote as $, Track as he, Captions as me, usePlaybackRateOptions as _e, useCaptionOptions as pe, useVideoQualityOptions as be, useMediaStore as W, FullscreenButton as J, useMediaPlayer as fe, PlayButton as ge, Poster as ke, Time as A, TimeSlider as B, MuteButton as we, VolumeSlider as S, MediaPlayer as Ce, MediaProvider as ve } from "@vidstack/react";
+import { createContext as X, useContext as i, useCallback as u, useEffect as G, useState as v, useMemo as Y, useRef as ye } from "react";
+import { useFloating as Le, autoUpdate as Me, flip as Ne, arrow as Ie, useDismiss as xe, useInteractions as Be, FloatingFocusManager as He, FloatingArrow as Ve } from "@floating-ui/react";
 import './index.css';const Te = "_media-buffering-indicator_1fwjr_1", Pe = "_media-buffering-spinner_1fwjr_17", Se = "_media-buffering-spin_1fwjr_17", Re = "_media-buffering-track_1fwjr_22", Fe = "_media-buffering-track-fill_1fwjr_27", R = {
   "media-buffering-indicator": "_media-buffering-indicator_1fwjr_1",
   mediaBufferingIndicator: Te,
@@ -14,11 +14,11 @@ import './index.css';const Te = "_media-buffering-indicator_1fwjr_1", Pe = "_med
   "media-buffering-track-fill": "_media-buffering-track-fill_1fwjr_27",
   mediaBufferingTrackFill: Fe
 };
-function Ze() {
-  return /* @__PURE__ */ e("div", { className: R.mediaBufferingIndicator, children: /* @__PURE__ */ a(j.Root, { className: R.mediaBufferingSpinner, size: 96, children: [
-    /* @__PURE__ */ e(j.Track, { className: R.mediaBufferingTrack, width: 8 }),
+function qe() {
+  return /* @__PURE__ */ e("div", { className: R.mediaBufferingIndicator, children: /* @__PURE__ */ a(Z.Root, { className: R.mediaBufferingSpinner, size: 96, children: [
+    /* @__PURE__ */ e(Z.Track, { className: R.mediaBufferingTrack, width: 8 }),
     /* @__PURE__ */ e(
-      j.TrackFill,
+      Z.TrackFill,
       {
         className: R.mediaBufferingTrackFill,
         width: 8
@@ -33,10 +33,10 @@ const p = X(null), ee = (t) => /* @__PURE__ */ a("svg", { width: 24, height: 24,
   /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_149_104406", children: /* @__PURE__ */ e("rect", { width: 24, height: 24, fill: "white" }) }) }),
   /* @__PURE__ */ e("g", { clipPath: "url(#clip0_149_104406)", children: /* @__PURE__ */ e("path", { d: "M21.3333 0H2.66666C1.18666 0 0 1.35 0 3V21C0 22.65 1.18666 24 2.66666 24H21.3333C22.8 24 24 22.65 24 21V3C24 1.35 22.8 0 21.3333 0ZM10.6667 10.6667H8.66666V10H6V14H8.66666V13.3333H10.6667V14.6667C10.6667 15.4 10.0667 16 9.33334 16H5.33334C4.6 16 4 15.4 4 14.6667V9.33334C4 8.6 4.6 8 5.33334 8H9.33334C10.0667 8 10.6667 8.6 10.6667 9.33334V10.6667ZM20.0042 10.6667H18.0042V10H15.3375V14H18.0042V13.3333H20.0042V14.6667C20.0042 15.4 19.4042 16 18.6708 16H14.6708C13.9375 16 13.3375 15.4 13.3375 14.6667V9.33334C13.3375 8.6 13.9375 8 14.6708 8H18.6708C19.4042 8 20.0042 8.6 20.0042 9.33334V10.6667Z", fill: "currentColor" }) })
 ] });
-function je() {
-  const t = m("hasCaptions"), n = m("textTrack"), o = n && de(n), c = O(), s = i(p), r = d(
-    (u) => {
-      c.toggleCaptions(u.nativeEvent);
+function Ze() {
+  const t = m("hasCaptions"), n = m("textTrack"), o = n && ue(n), c = $(), s = i(p), r = u(
+    (d) => {
+      c.toggleCaptions(d.nativeEvent);
     },
     [c]
   );
@@ -52,10 +52,10 @@ function je() {
     }
   ) : null;
 }
-const $e = "_captions_13epz_1", Oe = {
-  captions: $e
+const je = "_captions_13epz_1", $e = {
+  captions: je
 };
-function qe({ captions: t }) {
+function Oe({ captions: t }) {
   const n = m("hasCaptions"), o = i(p);
   return /* @__PURE__ */ a(Q, { children: [
     t.map((c) => /* @__PURE__ */ e(
@@ -79,7 +79,7 @@ function qe({ captions: t }) {
           "--captions-color": o != null && o.state.captionsInvertColors ? "rgba(22, 22, 22)" : "white",
           "--captions-background-color": o != null && o.state.captionsInvertColors ? "rgba(255, 255, 255, 0.75)" : "rgba(22, 22, 22, 0.75)"
         },
-        children: /* @__PURE__ */ e(me, { className: Oe.captions })
+        children: /* @__PURE__ */ e(me, { className: $e.captions })
       }
     ) : null
   ] });
@@ -101,13 +101,13 @@ function Qe() {
     /* @__PURE__ */ e(E, { className: M.normalTimeline }),
     /* @__PURE__ */ a("div", { className: M.leftControls, children: [
       /* @__PURE__ */ e(hn, {}),
-      /* @__PURE__ */ e(On, {})
+      /* @__PURE__ */ e($n, {})
     ] }),
     /* @__PURE__ */ e("div", { className: M.indicators, children: /* @__PURE__ */ e(Mn, {}) }),
     /* @__PURE__ */ e(E, { className: M.compactTimeline }),
     /* @__PURE__ */ a("div", { className: M.rightControls, children: [
-      /* @__PURE__ */ e(je, {}),
-      /* @__PURE__ */ e(Zt, {}),
+      /* @__PURE__ */ e(Ze, {}),
+      /* @__PURE__ */ e(qt, {}),
       /* @__PURE__ */ e(Yt, {})
     ] })
   ] });
@@ -132,7 +132,7 @@ function T({ label: t, hint: n, onClick: o, Icon: c }) {
 }
 const tt = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.42229 2.82911C4.71149 1.83006 6.23876 1.19768 7.8383 1L7.96797 2.05432C6.55867 2.22862 5.21101 2.7866 4.07273 3.66874L3.42229 2.82911ZM5.44493 6.71393L9.49745 10.7665L17.0924 3.1705L17.8438 3.92297L9.49745 12.2693L4.69352 7.46534L5.44493 6.71393ZM17.932 8.83829C17.8618 8.27074 17.7364 7.70745 17.5589 7.16222L16.5482 7.49276C16.7055 7.97209 16.816 8.46843 16.8766 8.96689C16.917 9.29742 16.9372 9.6269 16.9372 9.96594C16.9372 10.305 16.917 10.6344 16.8777 10.9639C16.7033 12.3732 16.1454 13.7209 15.2632 14.8592L16.1029 15.5096C17.1019 14.2204 17.7343 12.6931 17.932 11.0925C17.9766 10.7205 18 10.3486 18 9.96594C18 9.58332 17.9766 9.21134 17.932 8.83829ZM1.05432 8.96795L0 8.83829C0.197684 7.23874 0.830061 5.71147 1.82911 4.42228L2.66874 5.07272C1.7866 6.211 1.22862 7.55865 1.05432 8.96795ZM0 11.0936C0.197684 12.6931 0.830061 14.2204 1.82911 15.5096L2.66874 14.8591C1.7866 13.7209 1.22862 12.3732 1.05432 10.9639L0 11.0936ZM10.0939 1.00011C11.6935 1.19673 13.2207 1.83017 14.5099 2.82922L13.8595 3.66884C12.7202 2.7867 11.3736 2.22872 9.96426 2.05442L10.0939 1.00011Z", fill: "currentColor" }) });
 function nt() {
-  const t = i(b), n = m("playbackRate"), o = d(() => {
+  const t = i(b), n = m("playbackRate"), o = u(() => {
     t && t.setPage("speed");
   }, [t]);
   return t ? /* @__PURE__ */ e(
@@ -146,7 +146,7 @@ function nt() {
   ) : null;
 }
 function ot() {
-  const t = i(b), n = m("hasCaptions"), o = m("textTrack"), c = d(() => {
+  const t = i(b), n = m("hasCaptions"), o = m("textTrack"), c = u(() => {
     t && t.setPage("captions");
   }, [t]);
   return t && n ? /* @__PURE__ */ e(
@@ -168,7 +168,7 @@ const at = (t) => /* @__PURE__ */ a("svg", { width: 18, height: 18, viewBox: "0
   ] })
 ] });
 function ct() {
-  const t = i(b), n = m("autoQuality"), o = m("quality"), c = d(() => {
+  const t = i(b), n = m("autoQuality"), o = m("quality"), c = u(() => {
     t && t.setPage("quality");
   }, [t]);
   return t && o ? /* @__PURE__ */ e(
@@ -203,17 +203,17 @@ function it() {
     /* @__PURE__ */ e(ct, {})
   ] });
 }
-const Z = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), P = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), x = [0.5, 0.75, 1, 1.25, 1.5, 2], rt = [
+const q = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M17.1347 3.00061L6.55157 13.5825L0.865302 7.89624L0 8.76154L6.55157 15.3131L17.9988 3.86469L17.1347 3.00061Z", fill: "currentColor" }) }), P = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.037 3.03704L6.07407 9L12.037 14.963L11 16L4 9L11 2L12.037 3.03704Z", fill: "currentColor" }) }), I = [0.5, 0.75, 1, 1.25, 1.5, 2], rt = [
   { label: "50%", value: 0.5 },
   { label: "100%", value: 1 },
   { label: "200%", value: 2 },
   { label: "300%", value: 3 },
   { label: "400%", value: 4 }
-], ut = "_menu-container_rqjaq_1", dt = "_menu-options_rqjaq_6", ht = "_menu-heading_rqjaq_11", mt = "_check-icon_rqjaq_27", _t = "_menu-item-label_rqjaq_33", pt = "_menu-item_rqjaq_33", bt = "_menu-back-button_rqjaq_65", l = {
+], dt = "_menu-container_rqjaq_1", ut = "_menu-options_rqjaq_6", ht = "_menu-heading_rqjaq_11", mt = "_check-icon_rqjaq_27", _t = "_menu-item-label_rqjaq_33", pt = "_menu-item_rqjaq_33", bt = "_menu-back-button_rqjaq_65", l = {
   "menu-container": "_menu-container_rqjaq_1",
-  menuContainer: ut,
+  menuContainer: dt,
   "menu-options": "_menu-options_rqjaq_6",
-  menuOptions: dt,
+  menuOptions: ut,
   "menu-heading": "_menu-heading_rqjaq_11",
   menuHeading: ht,
   "check-icon": "_check-icon_rqjaq_27",
@@ -227,7 +227,7 @@ const Z = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0
 };
 function ft() {
   const t = i(b), n = _e({
-    rates: x,
+    rates: I,
     normalLabel: "1x"
   });
   return y(t == null ? void 0 : t.backToMain), t ? /* @__PURE__ */ a("div", { className: l.menuContainer, children: [
@@ -255,7 +255,7 @@ function ft() {
         },
         className: l.menuItem,
         children: [
-          /* @__PURE__ */ e(Z, { className: l.checkIcon }),
+          /* @__PURE__ */ e(q, { className: l.checkIcon }),
           /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: c })
         ]
       },
@@ -264,7 +264,7 @@ function ft() {
   ] }) : null;
 }
 function gt() {
-  const t = i(b), n = m("textTrack"), o = d(() => {
+  const t = i(b), n = m("textTrack"), o = u(() => {
     t && t.setPage("captionLanguage");
   }, [t]);
   return t ? /* @__PURE__ */ e(
@@ -277,7 +277,7 @@ function gt() {
   ) : null;
 }
 function kt() {
-  const t = i(p), n = i(b), o = d(() => {
+  const t = i(p), n = i(b), o = u(() => {
     n && n.setPage("captionFontSize");
   }, [n]);
   return n && t ? /* @__PURE__ */ e(
@@ -306,7 +306,7 @@ function ne({
   checked: n = !1,
   onClick: o
 }) {
-  const c = d(
+  const c = u(
     (s) => {
       (s.key === "Enter" || s.key === " ") && (o == null || o());
     },
@@ -328,7 +328,7 @@ function ne({
     }
   );
 }
-function xt() {
+function It() {
   const t = i(p);
   return t ? /* @__PURE__ */ e(
     ne,
@@ -339,7 +339,7 @@ function xt() {
     }
   ) : null;
 }
-function It() {
+function xt() {
   const t = i(p);
   return t ? /* @__PURE__ */ e(
     ne,
@@ -368,8 +368,8 @@ function Bt() {
     /* @__PURE__ */ e("strong", { className: l.menuHeading, children: "Captions" }),
     /* @__PURE__ */ e(gt, {}),
     /* @__PURE__ */ e(kt, {}),
-    /* @__PURE__ */ e(xt, {}),
-    /* @__PURE__ */ e(It, {})
+    /* @__PURE__ */ e(It, {}),
+    /* @__PURE__ */ e(xt, {})
   ] }) : null;
 }
 function Ht() {
@@ -399,7 +399,7 @@ function Ht() {
         },
         className: l.menuItem,
         children: [
-          /* @__PURE__ */ e(Z, { className: l.checkIcon }),
+          /* @__PURE__ */ e(q, { className: l.checkIcon }),
           /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: c })
         ]
       },
@@ -434,7 +434,7 @@ function Vt() {
         },
         className: l.menuItem,
         children: [
-          /* @__PURE__ */ e(Z, { className: l.checkIcon }),
+          /* @__PURE__ */ e(q, { className: l.checkIcon }),
           /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: o.label })
         ]
       },
@@ -458,18 +458,18 @@ function Tt() {
       }
     ),
     /* @__PURE__ */ e("strong", { className: l.menuHeading, children: "Quality" }),
-    /* @__PURE__ */ e("div", { role: "menu", className: l.menuOptions, children: n.map(({ value: c, label: s, select: r, selected: u }) => /* @__PURE__ */ a(
+    /* @__PURE__ */ e("div", { role: "menu", className: l.menuOptions, children: n.map(({ value: c, label: s, select: r, selected: d }) => /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         role: "menuitemradio",
-        "aria-checked": c === "auto" && o || u && !o,
+        "aria-checked": c === "auto" && o || d && !o,
         onClick: () => {
           r(), t.backToMain(), t.toggle();
         },
         className: l.menuItem,
         children: [
-          /* @__PURE__ */ e(Z, { className: l.checkIcon }),
+          /* @__PURE__ */ e(q, { className: l.checkIcon }),
           /* @__PURE__ */ e("span", { className: l.menuItemLabel, children: s })
         ]
       },
@@ -486,41 +486,41 @@ const Pt = {
   quality: Tt
 };
 function St() {
-  const [t, n] = v("main"), [o, c] = v(!1), s = d(() => {
-    c((I) => !I);
-  }, []), r = d((I) => {
-    n(I);
-  }, []), u = d(() => {
+  const [t, n] = v("main"), [o, c] = v(!1), s = u(() => {
+    c((x) => !x);
+  }, []), r = u((x) => {
+    n(x);
+  }, []), d = u(() => {
     n("captions");
-  }, []), f = d(() => {
+  }, []), f = u(() => {
     n("main");
   }, []), g = Y(() => Pt[t], [t]), h = ye(null), { refs: C, floatingStyles: L, context: k } = Le({
     open: o,
-    onOpenChange: (I) => {
-      c(I), f();
+    onOpenChange: (x) => {
+      c(x), f();
     },
     placement: "top-end",
     whileElementsMounted: Me,
     middleware: [
       Ne(),
-      xe({
+      Ie({
         element: h
       })
     ]
-  }), ie = Ie(k, { escapeKey: !1 }), { getReferenceProps: re, getFloatingProps: ue } = Be([ie]);
+  }), ie = xe(k, { escapeKey: !1 }), { getReferenceProps: re, getFloatingProps: de } = Be([ie]);
   return {
     Page: g,
     open: o,
     toggle: s,
     setPage: r,
-    backToCaptions: u,
+    backToCaptions: d,
     backToMain: f,
     arrowRef: h,
     refs: C,
     floatingStyles: L,
     context: k,
     getReferenceProps: re,
-    getFloatingProps: ue
+    getFloatingProps: de
   };
 }
 const Rt = "_settings-menu_hxlsv_1", Ft = "_arrow_hxlsv_15", K = {
@@ -528,7 +528,7 @@ const Rt = "_settings-menu_hxlsv_1", Ft = "_arrow_hxlsv_15", K = {
   settingsMenu: Rt,
   arrow: Ft
 };
-function Zt() {
+function qt() {
   const {
     Page: t,
     arrowRef: n,
@@ -536,7 +536,7 @@ function Zt() {
     backToMain: c,
     context: s,
     floatingStyles: r,
-    getFloatingProps: u,
+    getFloatingProps: d,
     getReferenceProps: f,
     open: g,
     refs: h,
@@ -564,7 +564,7 @@ function Zt() {
         className: K.settingsMenu,
         ref: h.setFloating,
         style: r,
-        ...u(),
+        ...d(),
         children: [
           /* @__PURE__ */ e(
             b.Provider,
@@ -588,19 +588,19 @@ function Zt() {
 }
 function oe(t, n = 1e3) {
   return function() {
-    const c = m("lastKeyboardAction"), [s, r] = v(!1), u = d(() => r(!1), []);
+    const c = m("lastKeyboardAction"), [s, r] = v(!1), d = u(() => r(!1), []);
     return G(() => {
       r(!!c);
-      const f = setTimeout(u, n);
+      const f = setTimeout(d, n);
       return () => clearTimeout(f);
     }, [c, n]), s ? /* @__PURE__ */ e(t, {}) : null;
   };
 }
-const q = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), z = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), ae = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), ce = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), se = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), jt = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), $t = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), Ot = "_feedback-overlay_v4lbu_1", qt = "_feedback-message_v4lbu_14", zt = "_feedback-icon_v4lbu_30", At = "_feedback-icon-animation_v4lbu_1", _ = {
+const O = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 11,21 H 5 V 3 h 6 z m 8,0 H 13 V 3 h 6 z", fill: "currentColor" }) }), z = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { d: "M 5,2 V 22 L 21,12.000665 Z", fill: "currentColor" }) }), ae = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.1179 1.41211V22.589H11.2943L5.64717 16.9418V7.05928L11.2943 1.41211H14.1179ZM4.23537 7.05928V16.9418H2.11769C0.957618 16.9418 0.0189406 16.0147 0.00028305 14.8592L0 14.8241V9.17696C0 8.01689 0.927077 7.07822 2.0826 7.05956L2.11769 7.05928H4.23537ZM22.3744 7.93711L24 9.56119L21.5623 11.9988L24 14.4365L22.3744 16.0621L19.9383 13.6245L17.5006 16.0621L15.875 14.4365L18.3127 11.9988L15.875 9.56119L17.5006 7.93711L19.9383 10.3748L22.3744 7.93711Z", fill: "currentColor" }) }), ce = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 6.98017V16.8627L11.2943 22.5099H14.1179V1.33301H11.2943L5.64714 6.98017ZM0 9.09785V14.745C0 15.9168 0.945899 16.8627 2.11768 16.8627H4.23537V6.98017H2.11768C0.945899 6.98017 0 7.92607 0 9.09785ZM18.3527 11.9207C18.3527 10.6134 17.8388 9.36962 16.9056 8.4209L17.9094 7.43123C19.1066 8.64396 19.7645 10.2393 19.7645 11.9207C19.7645 13.6036 19.1066 15.1989 17.9094 16.4116L16.9056 15.422C17.8388 14.4732 18.3527 13.2295 18.3527 11.9207Z", fill: "currentColor" }) }), se = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.64714 16.8627V6.98017L11.2943 1.33301H14.1179V22.5099H11.2943L5.64714 16.8627ZM0 14.745V9.09785C0 7.92607 0.945899 6.98017 2.11768 6.98017H4.23537V16.8627H2.11768C0.945899 16.8627 0 15.9168 0 14.745ZM16.9056 8.4209C17.8388 9.36962 18.3527 10.6134 18.3527 11.9207C18.3527 13.2295 17.8388 14.4732 16.9056 15.422L17.9094 16.4116C19.1066 15.1989 19.7645 13.6036 19.7645 11.9207C19.7645 10.2393 19.1066 8.64396 17.9094 7.43123L16.9056 8.4209ZM19.9016 5.43185L20.8997 4.43372C22.9002 6.43422 24 9.09403 24 11.9219C24 14.7497 22.9002 17.4081 20.8997 19.4086L19.9016 18.4104C21.6353 16.6782 22.5882 14.3727 22.5882 11.9219C22.5882 9.46957 21.6353 7.16553 19.9016 5.43185Z", fill: "currentColor" }) }), Zt = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.691 3.99987V10.5281L0 4.00655V20.2596L10.691 13.7367V20.2663L23.9987 12.1331L10.691 3.99987Z", fill: "currentColor" }) }), jt = (t) => /* @__PURE__ */ e("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.309 3.99987L0 12.1331L13.309 20.2663V13.7367L23.9987 20.2596V4.00655L13.309 10.5281V3.99987Z", fill: "currentColor" }) }), $t = "_feedback-overlay_v4lbu_1", Ot = "_feedback-message_v4lbu_14", zt = "_feedback-icon_v4lbu_30", At = "_feedback-icon-animation_v4lbu_1", _ = {
   "feedback-overlay": "_feedback-overlay_v4lbu_1",
-  feedbackOverlay: Ot,
+  feedbackOverlay: $t,
   "feedback-message": "_feedback-message_v4lbu_14",
-  feedbackMessage: qt,
+  feedbackMessage: Ot,
   "feedback-icon": "_feedback-icon_v4lbu_30",
   feedbackIcon: zt,
   "feedback-icon-animation": "_feedback-icon-animation_v4lbu_1",
@@ -611,7 +611,7 @@ function Kt() {
   const t = W();
   switch ((o = t.lastKeyboardAction) == null ? void 0 : o.action) {
     case "togglePaused":
-      return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: t.paused ? /* @__PURE__ */ e(q, {}) : /* @__PURE__ */ e(z, {}) });
+      return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: t.paused ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e(z, {}) });
     case "toggleCaptions":
     case "nextCaptionLanguage":
     case "previousCaptionLanguage":
@@ -622,10 +622,10 @@ function Kt() {
       return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: t.muted || t.volume === 0 ? /* @__PURE__ */ e(ae, {}) : t.volume >= 0.5 ? /* @__PURE__ */ e(se, {}) : /* @__PURE__ */ e(ce, {}) });
     case "seekForward":
     case "seekForward10":
-      return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e(jt, { className: "right" }) });
+      return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e(Zt, { className: "right" }) });
     case "seekBackward":
     case "seekBackward10":
-      return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e($t, { className: "left" }) });
+      return /* @__PURE__ */ e("i", { className: _.feedbackIcon, children: /* @__PURE__ */ e(jt, { className: "left" }) });
     default:
       return null;
   }
@@ -690,12 +690,12 @@ const en = "_gestures-container_1fn3b_1", tn = "_gesture_1fn3b_1", D = {
   gesture: tn
 };
 function nn() {
-  const t = O(), n = () => {
+  const t = $(), n = () => {
     t.togglePaused();
   };
   return /* @__PURE__ */ e("div", { className: D.gesturesContainer, children: /* @__PURE__ */ e("div", { "aria-hidden": !0, className: D.gesture, onClick: n }) });
 }
-const on = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), le = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), an = "_keyboard-shortcuts-overlay_uwwbr_1", cn = "_keyboard-shortcuts-button_uwwbr_67", sn = "_close-button_uwwbr_91", $ = {
+const on = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.76472 10.5294C5.05696 10.5294 5.29413 10.2922 5.29413 9.99999V8.94117C5.29413 8.64893 5.05696 8.41175 4.76472 8.41175H3.7059C3.41366 8.41175 3.17649 8.64893 3.17649 8.94117V9.99999C3.17649 10.2922 3.41366 10.5294 3.7059 10.5294H4.76472ZM11.1177 10.5294C11.4099 10.5294 11.6471 10.2922 11.6471 9.99999V8.94117C11.6471 8.64893 11.4099 8.41175 11.1177 8.41175H10.0588C9.76661 8.41175 9.52944 8.64893 9.52944 8.94117V9.99999C9.52944 10.2922 9.76661 10.5294 10.0588 10.5294H11.1177ZM14.8235 9.99999C14.8235 10.2922 14.5864 10.5294 14.2941 10.5294H13.2353C12.9431 10.5294 12.7059 10.2922 12.7059 9.99999V8.94117C12.7059 8.64893 12.9431 8.41175 13.2353 8.41175H14.2941C14.5864 8.41175 14.8235 8.64893 14.8235 8.94117V9.99999ZM14.8235 13.1765C14.8235 13.4687 14.5864 13.7059 14.2941 13.7059H13.2353C12.9431 13.7059 12.7059 13.4687 12.7059 13.1765V12.1176C12.7059 11.8254 12.9431 11.5882 13.2353 11.5882H14.2941C14.5864 11.5882 14.8235 11.8254 14.8235 12.1176V13.1765ZM11.6471 13.1765C11.6471 13.4687 11.4099 13.7059 11.1177 13.7059H6.88239C6.59015 13.7059 6.35297 13.4687 6.35297 13.1765V12.1176C6.35297 11.8254 6.59015 11.5882 6.88239 11.5882H11.1177C11.4099 11.5882 11.6471 11.8254 11.6471 12.1176V13.1765ZM5.29413 13.1765C5.29413 13.4687 5.05696 13.7059 4.76472 13.7059H3.7059C3.41366 13.7059 3.17649 13.4687 3.17649 13.1765V12.1176C3.17649 11.8254 3.41366 11.5882 3.7059 11.5882H4.76472C5.05696 11.5882 5.29413 11.8254 5.29413 12.1176V13.1765ZM6.88238 8.41175C6.59015 8.41175 6.35297 8.64893 6.35297 8.94117V9.99999C6.35297 10.2922 6.59015 10.5294 6.88238 10.5294H7.94121C8.23344 10.5294 8.47062 10.2922 8.47062 9.99999V8.94117C8.47062 8.64893 8.23344 8.41175 7.94121 8.41175H6.88238ZM16.4118 5.23529H9.57494C9.71471 4.42 10.1933 4.17118 10.8254 3.85565C11.6629 3.43741 12.7059 2.91541 12.7059 1H11.6471C11.6471 2.26106 11.1039 2.53212 10.3511 2.90906C9.59824 3.28494 8.68659 3.75506 8.50871 5.23529H1.58824C0.712588 5.23529 0 5.94788 0 6.82353V15.2941C0 16.1698 0.712588 16.8824 1.58824 16.8824H16.4118C17.2874 16.8824 18 16.1698 18 15.2941V6.82353C18 5.94788 17.2874 5.23529 16.4118 5.23529Z", fill: "currentColor" }) }), le = (t) => /* @__PURE__ */ e("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ e("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.94968 7.74766L3.99993 2.79791L2.79785 3.99999L7.7476 8.94974L2.79785 13.8995L3.99993 15.1016L8.94968 10.1518L13.8994 15.1016L15.1015 13.8995L10.1518 8.94974L15.1015 3.99999L13.8994 2.79791L8.94968 7.74766Z", fill: "currentColor" }) }), an = "_keyboard-shortcuts-overlay_uwwbr_1", cn = "_keyboard-shortcuts-button_uwwbr_67", sn = "_close-button_uwwbr_91", j = {
   "keyboard-shortcuts-overlay": "_keyboard-shortcuts-overlay_uwwbr_1",
   keyboardShortcutsOverlay: an,
   "keyboard-shortcuts-button": "_keyboard-shortcuts-button_uwwbr_67",
@@ -711,7 +711,7 @@ function ln({ onClose: t }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: $.keyboardShortcutsOverlay,
+      className: j.keyboardShortcutsOverlay,
       tabIndex: 0,
       ref: n,
       children: [
@@ -721,7 +721,7 @@ function ln({ onClose: t }) {
             "button",
             {
               type: "button",
-              className: $.closeButton,
+              className: j.closeButton,
               onClick: t,
               "aria-label": "Close",
               children: /* @__PURE__ */ e(le, {})
@@ -813,11 +813,11 @@ function ln({ onClose: t }) {
   );
 }
 function rn() {
-  const [t, n] = v(!1), [o, c] = v(!1), [s, r] = v(!1), u = i(p), f = m("playing"), g = O(), h = d(() => {
-    n(!0), u == null || u.disableInteractions(), f && (r(!0), g.pause());
-  }, [f, g, u]), C = d(() => {
-    n(!1), c(!0), u == null || u.enableInteractions(), s && (r(!1), g.play());
-  }, [s, g, u]), L = d(
+  const [t, n] = v(!1), [o, c] = v(!1), [s, r] = v(!1), d = i(p), f = m("playing"), g = $(), h = u(() => {
+    n(!0), d == null || d.disableInteractions(), f && (r(!0), g.pause());
+  }, [f, g, d]), C = u(() => {
+    n(!1), c(!0), d == null || d.enableInteractions(), s && (r(!1), g.play());
+  }, [s, g, d]), L = u(
     (k) => o && (k == null ? void 0 : k.focus()),
     [o]
   );
@@ -827,16 +827,16 @@ function rn() {
       ref: L,
       "aria-label": "Keyboard shortcuts",
       type: "button",
-      className: $.keyboardShortcutsButton,
+      className: j.keyboardShortcutsButton,
       onClick: h,
       tabIndex: 0,
       children: /* @__PURE__ */ e(on, {})
     }
   );
 }
-const un = "_play-pause-button_1owe7_1", dn = {
-  "play-pause-button": "_play-pause-button_1owe7_1",
-  playPauseButton: un
+const dn = "_play-pause-button_kyuc5_1", un = {
+  "play-pause-button": "_play-pause-button_kyuc5_1",
+  playPauseButton: dn
 };
 function hn() {
   const t = fe(), n = i(p), o = m("paused");
@@ -844,14 +844,14 @@ function hn() {
     ge,
     {
       tabIndex: n != null && n.state.interactionsDisabled ? -1 : 0,
-      className: `${dn.playPauseButton} controls-button`,
+      className: `${un.playPauseButton} controls-button`,
       onKeyDown: (c) => {
         c.key === " " && (t == null || t.$state.lastKeyboardAction.set({
           action: "togglePaused",
           event: c.nativeEvent
         }));
       },
-      children: o ? /* @__PURE__ */ e(z, { className: "controls-button-icon" }) : /* @__PURE__ */ e(q, { className: "controls-button-icon" })
+      children: o ? /* @__PURE__ */ e(z, { className: "controls-button-icon" }) : /* @__PURE__ */ e(O, { className: "controls-button-icon" })
     }
   ) : null;
 }
@@ -862,18 +862,18 @@ function pn({ src: t }) {
   const n = m("source");
   return n.type === "video/youtube" || n.type === "video/vimeo" ? null : /* @__PURE__ */ e(ke, { src: t, className: _n.poster });
 }
-const bn = "_small-layout-overlay_xbovu_1", fn = "_small-layout-button_xbovu_14", gn = "_small-layout-icon-play_xbovu_24", kn = "_small-layout-icon-pause_xbovu_30", wn = "_full-screen-close-icon_xbovu_36", Cn = "_fade-out_xbovu_1", H = {
-  "small-layout-overlay": "_small-layout-overlay_xbovu_1",
+const bn = "_small-layout-overlay_38qhb_1", fn = "_small-layout-button_38qhb_14", gn = "_small-layout-icon-play_38qhb_24", kn = "_small-layout-icon-pause_38qhb_30", wn = "_full-screen-close-icon_38qhb_36", Cn = "_fade-out_38qhb_1", H = {
+  "small-layout-overlay": "_small-layout-overlay_38qhb_1",
   smallLayoutOverlay: bn,
-  "small-layout-button": "_small-layout-button_xbovu_14",
+  "small-layout-button": "_small-layout-button_38qhb_14",
   smallLayoutButton: fn,
-  "small-layout-icon-play": "_small-layout-icon-play_xbovu_24",
+  "small-layout-icon-play": "_small-layout-icon-play_38qhb_24",
   smallLayoutIconPlay: gn,
-  "small-layout-icon-pause": "_small-layout-icon-pause_xbovu_30",
+  "small-layout-icon-pause": "_small-layout-icon-pause_38qhb_30",
   smallLayoutIconPause: kn,
-  "full-screen-close-icon": "_full-screen-close-icon_xbovu_36",
+  "full-screen-close-icon": "_full-screen-close-icon_38qhb_36",
   fullScreenCloseIcon: wn,
-  "fade-out": "_fade-out_xbovu_1",
+  "fade-out": "_fade-out_38qhb_1",
   fadeOut: Cn
 };
 function vn() {
@@ -881,7 +881,7 @@ function vn() {
     /* @__PURE__ */ e(J, { className: H.fullScreenCloseIcon, children: /* @__PURE__ */ e(le, {}) }),
     /* @__PURE__ */ a("i", { className: H.smallLayoutButton, children: [
       /* @__PURE__ */ e(z, { className: H.smallLayoutIconPlay }),
-      /* @__PURE__ */ e(q, { className: H.smallLayoutIconPause })
+      /* @__PURE__ */ e(O, { className: H.smallLayoutIconPause })
     ] })
   ] });
 }
@@ -896,11 +896,11 @@ function Mn() {
     /* @__PURE__ */ e(A, { type: "duration" })
   ] });
 }
-const Nn = "_timeline-wrapper_j9z56_1", xn = "_track_j9z56_8", In = "_thumb_j9z56_19", Bn = "_root_j9z56_33", Hn = "_track-inner_j9z56_63", Vn = "_progress_j9z56_69", Tn = "_track-fill_j9z56_75", w = {
+const Nn = "_timeline-wrapper_j9z56_1", In = "_track_j9z56_8", xn = "_thumb_j9z56_19", Bn = "_root_j9z56_33", Hn = "_track-inner_j9z56_63", Vn = "_progress_j9z56_69", Tn = "_track-fill_j9z56_75", w = {
   "timeline-wrapper": "_timeline-wrapper_j9z56_1",
   timelineWrapper: Nn,
-  track: xn,
-  thumb: In,
+  track: In,
+  thumb: xn,
   root: Bn,
   "track-inner": "_track-inner_j9z56_63",
   trackInner: Hn,
@@ -925,15 +925,15 @@ function E({ className: t }) {
     }
   ) });
 }
-const Rn = "_wrapper_ulntk_1", Fn = "_track_ulntk_6", Zn = "_thumb_ulntk_18", jn = "_track-fill_ulntk_32", $n = "_root_ulntk_50", V = {
+const Rn = "_wrapper_d2nt6_1", Fn = "_track_d2nt6_6", qn = "_thumb_d2nt6_16", Zn = "_track-fill_d2nt6_30", jn = "_root_d2nt6_48", V = {
   wrapper: Rn,
   track: Fn,
-  thumb: Zn,
-  "track-fill": "_track-fill_ulntk_32",
-  trackFill: jn,
-  root: $n
+  thumb: qn,
+  "track-fill": "_track-fill_d2nt6_30",
+  trackFill: Zn,
+  root: jn
 };
-function On() {
+function $n() {
   const t = m("volume"), n = m("muted"), o = i(p);
   return /* @__PURE__ */ a("div", { className: V.wrapper, children: [
     /* @__PURE__ */ e(
@@ -957,7 +957,7 @@ function On() {
     )
   ] });
 }
-const qn = {}, U = {
+const On = {}, U = {
   togglePaused: ["Space", "Enter", "k"],
   seekForward: ["ArrowRight"],
   seekBackward: ["ArrowLeft"],
@@ -995,8 +995,8 @@ const qn = {}, U = {
   decreasePlaybackRate: {
     keys: ["a"],
     onKeyUp({ event: t, player: n, remote: o }) {
-      const s = x.indexOf(n.playbackRate) - 1;
-      s >= 0 && (o.changePlaybackRate(x[s]), n.$state.lastKeyboardAction.set({
+      const s = I.indexOf(n.playbackRate) - 1;
+      s >= 0 && (o.changePlaybackRate(I[s]), n.$state.lastKeyboardAction.set({
         action: "decreasePlaybackRate",
         event: t
       }));
@@ -1005,8 +1005,8 @@ const qn = {}, U = {
   increasePlaybackRate: {
     keys: ["d"],
     onKeyUp({ event: t, player: n, remote: o }) {
-      const s = x.indexOf(n.playbackRate) + 1;
-      s < x.length && (o.changePlaybackRate(x[s]), n.$state.lastKeyboardAction.set({
+      const s = I.indexOf(n.playbackRate) + 1;
+      s < I.length && (o.changePlaybackRate(I[s]), n.$state.lastKeyboardAction.set({
         action: "increasePlaybackRate",
         event: t
       }));
@@ -1046,7 +1046,7 @@ function zn({ hideFullScreen: t }) {
     captionPositionOnTop: !1,
     captionsInvertColors: !1,
     interactionsDisabled: !1
-  }), c = d(
+  }), c = u(
     (h) => {
       o((C) => ({
         ...C,
@@ -1054,22 +1054,22 @@ function zn({ hideFullScreen: t }) {
       }));
     },
     []
-  ), s = d(() => {
+  ), s = u(() => {
     o((h) => ({
       ...h,
       captionPositionOnTop: !h.captionPositionOnTop
     }));
-  }, []), r = d(() => {
+  }, []), r = u(() => {
     o((h) => ({
       ...h,
       captionsInvertColors: !h.captionsInvertColors
     }));
-  }, []), u = d(() => {
+  }, []), d = u(() => {
     o((h) => ({
       ...h,
       interactionsDisabled: !1
     }));
-  }, []), f = d(() => {
+  }, []), f = u(() => {
     o((h) => ({
       ...h,
       interactionsDisabled: !0
@@ -1084,7 +1084,7 @@ function zn({ hideFullScreen: t }) {
       setCaptionsFontSizeMultiplier: c,
       toggleCaptionPositionOnTop: s,
       toggleCaptionsInvertColors: r,
-      enableInteractions: u,
+      enableInteractions: d,
       disableInteractions: f,
       hideFullScreen: t
     },
@@ -1098,21 +1098,21 @@ function Un({
   thumbnail: c,
   hideFullScreen: s = !1
 }) {
-  const { contextValue: r, shortcuts: u } = zn({ hideFullScreen: s });
+  const { contextValue: r, shortcuts: d } = zn({ hideFullScreen: s });
   return /* @__PURE__ */ e(p.Provider, { value: r, children: /* @__PURE__ */ a(
     Ce,
     {
       title: t,
       src: n,
-      keyShortcuts: u,
+      keyShortcuts: d,
       playsInline: !0,
       keyDisabled: r.state.interactionsDisabled,
       children: [
         /* @__PURE__ */ e(rn, {}),
-        /* @__PURE__ */ a(ve, { className: qn.mediaProvider, children: [
-          /* @__PURE__ */ e(Ze, {}),
+        /* @__PURE__ */ a(ve, { className: On.mediaProvider, children: [
+          /* @__PURE__ */ e(qe, {}),
           /* @__PURE__ */ e(pn, { src: c }),
-          /* @__PURE__ */ e(qe, { captions: o }),
+          /* @__PURE__ */ e(Oe, { captions: o }),
           /* @__PURE__ */ e(Qt, {}),
           /* @__PURE__ */ e(vn, {}),
           /* @__PURE__ */ e(nn, {})
@@ -1124,6 +1124,6 @@ function Un({
 }
 export {
   rt as CAPTION_FONT_SIZE_MULTIPLIERS,
-  x as PLAYBACK_RATES,
+  I as PLAYBACK_RATES,
   Un as StudioPlayer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/studio-player",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "private": false,
   "description": "Next generation media player for Instructure",
   "module": "./dist/studio-player.es.js",
@@ -15,18 +15,6 @@
       "types": "./dist/index.d.ts"
     }
   },
-  "scripts": {
-    "build": "vite build",
-    "build-storybook": "storybook build",
-    "check:types": "tsc --noEmit",
-    "lint": "pnpm check:types && eslint",
-    "storybook": "storybook dev -p 6006",
-    "test": "vitest",
-    "test:ci": "vitest --reporter=basic --disable-console-intercept --no-watch",
-    "stylelint": "stylelint 'src/**/*.css'",
-    "stylelint:fix": "stylelint 'src/**/*.css' --fix",
-    "prepare": "husky"
-  },
   "lint-staged": {
     "*.css": "pnpm stylelint"
   },
@@ -76,5 +64,16 @@
     "@vidstack/react": "^1.12.11",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build-storybook": "storybook build",
+    "check:types": "tsc --noEmit",
+    "lint": "pnpm check:types && eslint",
+    "storybook": "storybook dev -p 6006",
+    "test": "vitest",
+    "test:ci": "vitest --reporter=basic --disable-console-intercept --no-watch",
+    "stylelint": "stylelint 'src/**/*.css'",
+    "stylelint:fix": "stylelint 'src/**/*.css' --fix"
   }
-}
+}